js/jqueryのjsonメソッドの解析方法を詳しく解説

php中世界最好的语言
リリース: 2018-04-24 11:37:54
オリジナル
1771 人が閲覧しました

今回は、js/jqueryのjson解析方法について詳しく説明します。js/jqueryのjson解析の注意点は何ですか?実際の事例を見てみましょう。

解析する前に、いくつかの概念を明確にする必要があります: 配列、連想配列、JSON の違いと接点は何ですか?

1. 概念の紹介1. 配列

構文:
ECMAScript v3 は配列リテラルの構文を指定し、JavaScript 1.2 と JScript 3.0 がそれを実装します。 のカンマ区切りリストを角かっこで囲むことで、配列を作成して初期化できます。これらの式の値が配列要素になります。例:

var a = [1, true, 'abc'];
ログイン後にコピー

特定の操作については API を参照してください。

ps: は角括弧で区切る必要があります。

2. 連想配列

1. 構文:

var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj
ログイン後にコピー

2.var

myhash= {key1:”val1″, key2:”val2″ };//obj-也可以
ログイン後にコピー

ps: json 形式の要件はより厳密です (内部のキーと値のペアは二重引用符を使用します) が、json は形式標準としてのみ使用できます。それを操作したい場合は、連想配列オブジェクト (obj) に変換する必要があります。

2. 簡単な操作1. ハッシュ連想配列にキー値を追加

// 添加一个新键 newkey ,键值为 newval
myhash[”newkey”] = “newval”;
ログイン後にコピー

3. ハッシュ連想配列を走査

方法 1. .myhash.key1

メソッド 2.myhash.key2

3.json
形式要件:

{”key1″:”val1″, “key2″:”val2″};//この形式と操作に厳密に従ってください連想配列の操作に従って行うことができます

2. フロントエンドとバックエンドの対話におけるいくつかの重要なポイント

1. サーバーによって送信されるデータが 1 つの JSON ではなく、複数の JSON である場合、配列と文字列を組み立てるために連想配列を接続する必要があります例: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];2結局のところ、サーバーからクライアントに渡されるデータは単なる文字列なので、js で必要な操作を実行するには、eval() を通じて js 実行可能オブジェクトに変換できます。 そのため、jQuey で提供されている $.parseJSON() には制限があります。上記 1 で述べた状況の場合は、変換に eval() を使用し、その後 $.each(objs,function(i,o ){ を渡す必要があります)。 ...}) を操作する


3. 具体的なサンプルコード

ページコード:

// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了
delete myhash[”newkey”];
ログイン後にコピー
// 遍历整个hash 数组 
for (key in myhash) {
val = myhash[key];
}
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連情報に注目してください。 PHP 中国語 Web サイトの記事をご覧ください。
推奨読書:

jQuery アニメーション効果画像カルーセルの実装 (コード付き)

jQuery ドラッグ アンド ドロップ効果を実装する方法

以上がjs/jqueryのjsonメソッドの解析方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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