#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。 推奨:jquery で json を操作する方法: 1. jquery で [$.parseJSON()] メソッドを使用します; 2. js で eval を使用して強制的に転送します; 3. ブラウザー独自の [JSON.parse()] を使用します】方法。
jquery で json を操作する方法:
最初の方法:jquery で $.parseJSON() を使用しますが、json データ形式の要件が高く、二重引用符で囲む必要があります。
<script type="text/javascript"> //第一种:使用jquery中自带的$.parseJSON()函数 var jsonStr1 = "{\"name\":\"盖伦\"}"; var jsonStr2 = '{"name":"不祥之刃"}'; var a = $.parseJSON(jsonStr1); console.log("这是一个json对象:",a); console.log(a.name); var c = $.parseJSON(jsonStr2); console.log("这是一个json对象:",c); //这种方式是错误的 var jsonStr3 = "{name:'不详之刃'}"; //没有双引号包围起来 var b = $.parseJSON(jsonStr3); console.log(b); </script>
2 番目の方法: 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);
3 番目の方法: ブラウザに付属の JSON.parse() を使用します
//第3种:使用浏览器自带的JSON.parse var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}"; var obj = JSON.parse(jsonStr); console.log(obj);
関連する無料学習の推奨事項: javascript(ビデオ)
以上がjQueryでJSONを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。