So bedienen Sie JSON mit JQuery

So bedienen Sie JSON mit JQuery: 1. Verwenden Sie die Methode [$.parseJSON()] in JQuery. 2. Verwenden Sie eval in JS, um die Übertragung zu erzwingen Browser.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, Thinkpad T480-Computer.

Empfohlen: JQuery-Video-Tutorial

Wie JQuery JSON bedient:

Die erste Methode: Verwenden Sie $.parseJSON() in JQuery, aber es funktioniert nicht mit JSON-Daten Das Format stellt höhere Anforderungen und muss in doppelte Anführungszeichen gesetzt werden JSON-Daten wie $.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\":\"张三\"},{'id':2,'name':'李四'},{id:3,name:'王五'}]";
    //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹，都可以用eval解析过来
    var obj = eval('('+jsonstr1+')');
    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);

, die Objekte enthalten. Die dritte Methode:

Verwenden Sie das browsereigene JSON.parse()

Gleiche wie jquery, es gelten höhere Anforderungen für das JSON-Formatrrreee Verwandte kostenlose Lernempfehlungen: Javascript

(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo bedienen Sie JSON mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!