>  기사  >  웹 프론트엔드  >  jquery로 json을 조작하는 방법

jquery로 json을 조작하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-11 12:03:463348검색

jquery로 json을 작동하는 방법: 1. jquery에서 [$.parseJSON()] 메서드를 사용합니다. 2. js에서 eval을 사용하여 강제 전송합니다. 브라우저.

jquery로 json을 조작하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, thinkpad t480 컴퓨터.

권장: jquery 비디오 튜토리얼

jquery가 json을 작동하는 방법:

첫 번째 방법: jquery에서 $.parseJSON()을 사용하지만 json 데이터에서는 작동하지 않습니다. 형식은 요구 사항이 더 높으며 큰따옴표로 묶어야 합니다$.parseJSON(),但是它对json数据格式的要求较高,必须要双引号包围起来

<script type="text/javascript">    
    //第一种:使用jquery中自带的$.parseJSON()函数
    var jsonStr1 = "{\"name\":\"盖伦\"}";    
    var jsonStr2 = &#39;{"name":"不祥之刃"}&#39;;
    var a = $.parseJSON(jsonStr1);
    console.log("这是一个json对象:",a);
    console.log(a.name);
    var c = $.parseJSON(jsonStr2);
    console.log("这是一个json对象:",c);
    
    //这种方式是错误的
    var jsonStr3 = "{name:&#39;不详之刃&#39;}";    //没有双引号包围起来
    var b = $.parseJSON(jsonStr3);
    console.log(b);
    
</script>

第二种方法:使用js中eval来强转

优点是对json格式要求没有那么严格,但是在处理复杂json数据时不好,例如含有对象的

//第2种:js里的方法使用eval来解析jason字符串
    var jsonstr1="[{\"id\":\"1\",\"name\":\"张三\"},{&#39;id&#39;:2,&#39;name&#39;:&#39;李四&#39;},{id:3,name:&#39;王五&#39;}]";
    //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹,都可以用eval解析过来
    var obj = eval(&#39;(&#39;+jsonstr1+&#39;)&#39;);
    console.log(obj);
    console.log(obj[0].name);

第三种方法:使用浏览器自带的JSON.parse()

//第3种:使用浏览器自带的JSON.parse
    var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}";
    var obj = JSON.parse(jsonStr); 
    console.log(obj);

두 번째 방법:

js에서 eval을 사용하여 강제 전송

장점은 json 형식 요구 사항이 그다지 엄격하지 않지만 복잡한 처리에는 좋지 않다는 것입니다. rrreee와 같은 json 데이터를 포함하는 세 번째 방법: 브라우저의 자체 JSON.parse() 사용jquery와 동일하며 json 형식에 대한 요구 사항이 더 높습니다rrreee

관련 무료 학습 권장 사항: 🎜🎜🎜javascript🎜🎜🎜(동영상)🎜🎜🎜

위 내용은 jquery로 json을 조작하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.