jquery による JSON データの解析サンプル code_jquery

ここに json.js のコードがあり、後で formutil.js と MD5.js のコードが必要になります

jquery を使用して JSON データを解析し、jquery 非同期リクエストの送信オブジェクトとして、結果が返されますjquery リクエストが json オブジェクトである場合、ここで考慮されるのは、サーバーによって JSON 形式で返される文字列の形式です。JSONObject などのプラグインによってカプセル化された JSON オブジェクトについては、これと同様であるため、ここでは説明しません。
ここではまず JSON 文字列セットを示します。文字列セットは次のとおりです。
コードは次のとおりです。

コードをコピーします コードは次のとおりです:

var data="
{
root:
[
{name:'1',value:'0'} 、
{名前:'6101'、値:'北京市'}、
{名前:'6102'、値:'天津市'}、
{名前:'6103'、値:'上海市'}、
{名前:'6104'、値:'重慶市'}、
{名前:'6105'、値:'渭南市'}、
{名前:'6106' ,value:'延安市 '},
{name:'6107',value:'漢中市'},
{name:'6108',value:'楡林市'},
{name:'6109',value:'安康市'},
{name:'6110',value:'商洛市'}
]
}";

jqueryで非同期に取得したデータ jsonオブジェクトと文字列の型をベースに、2つのメソッドで得られた結果の処理方法をそれぞれ紹介します。
1. サーバーから返される JSON 文字列について、jquery 非同期リクエストに型の説明がない場合、または文字列として受け入れられる場合、メソッドはそれほど面倒ではありません。 eval()に文字列を入れると1回実行されます。このメソッドは、通常の javascipt メソッドで json オブジェクトを取得するのにも適しています。以下に例を示します。

コードをコピーします。 コードは次のとおりです。

var dataObj=eval("(" data ")");//json オブジェクトに変換
alert(dataObj.root.length);// root
$ の子オブジェクト。 each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
// を出力します。各ルートサブオブジェクトの名前と値
alert("name:" item.name ",value:" item.value);
})

注: 一般的な JS の場合json オブジェクトを生成するには、$ のみを使用します。 each() メソッドを for ステートメントに置き換え、その他はすべて変更しないでください。
2. サーバーから返される JSON 文字列の場合、jquery 非同期リクエストがタイプ (通常はこの構成属性) を「json」に設定するか、$.getJSON() メソッドを使用してサーバーからの戻り値を取得する場合、 eval() メソッドを使用する必要はありません。この時点で取得される結果はすでに json オブジェクトであるため、オブジェクトを直接呼び出すだけで済みます。ここでは、データ処理メソッドを説明するための例として $.getJSON メソッドが使用されています。

コードをコピー コードは次のとおりです。

$.getJSON("http:// www.phpzixue.cn/",{param:"gaoyusi"} ,function(data){
//ここで返されるデータはすでに json オブジェクトです
//以下の他の操作は最初の操作と同じですcase
$.each(data.root,function(idx,item) {
if(idx==0){
return true;//countinue と同じ、break と同じ false を返す
}
alert("name:" item.name ",value:" item. value);
})
}); ここで特に注意が必要なのは方法 1 の eval() メソッドが文字列 (おそらく js スクリプト) を動的に実行するということです。はい、これによりシステムのセキュリティ上の問題が簡単に発生する可能性があります。したがって、eval() を回避するサードパーティのクライアント スクリプト ライブラリを使用できます。たとえば、JavaScript の JSON は 3K 未満のスクリプト ライブラリを提供します。