jQueryでJSONを操作する方法

coldplay.xixi
リリース: 2023-01-04 09:36:58
オリジナル
3329 人が閲覧しました

jquery で json を操作する方法: 1. jquery で [$.parseJSON()] メソッドを使用します; 2. js で eval を使用して強制的に転送します; 3. ブラウザー独自の [JSON.parse()] を使用します】方法。

jQueryでJSONを操作する方法

#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。

推奨:

jquery ビデオ チュートリアル

jquery で json を操作する方法:

最初の方法:jquery で $.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>
ログイン後にコピー

2 番目の方法: 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);
ログイン後にコピー

3 番目の方法: ブラウザに付属の JSON.parse() を使用します

jquery と同様、json 形式に対する要件が高くなります

//第3种:使用浏览器自带的JSON.parse
    var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}";
    var obj = JSON.parse(jsonStr); 
    console.log(obj);
ログイン後にコピー

関連する無料学習の推奨事項: javascript(ビデオ)

以上がjQueryでJSONを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!