Json データは、リアルタイムでよく使用される小規模なデータ交換であり、jquery または js を使用して解析できます。 次に、json 文字列を解析する jquery メソッドを紹介します。
1. jQuery は Json データ形式を解析します:
このメソッドを使用して、Ajax リクエストにパラメーターを設定する必要があります:
1 dataType: "json"
コールバック関数を介して取得します。データを返し、解析して必要な値を取得します。ソース コードを参照してください:
jQuery.ajax({
url: full_url,
dataType: "json",
success: function(results) {
alert(result.name) ;
} }) ;
通常は、バックグラウンドから JSON データを返し、フロントエンドを jQuery に任せることができます。 !
Jquery 非同期リクエストは、タイプ (通常はこの構成属性) を「json」に設定するか、$.getJSON() メソッドを使用してサーバーの戻り値を取得します。その場合、
eval() メソッドは必要ありません。今回は、結果は既に json オブジェクトになっています。ここでは、$.getJSON メソッドを例として使用します。
コードは次のとおりです。 >
{
ルート:
[
{名前:'1',値:'0'},
{名前:'6101',値:'北京'},
{名前:'6102', value:'天津'}、
{name:'6103'、value:'上海市'}、
{name:'6104'、value:'重慶市'}、
{name:' 6105',value:'渭南市' },
{name:'6106',value:'延安市'},
{name:'6107',value:'漢中市'},
{名前:'6108'、値:'楡林市'}、
{名前:'6109'、値:'安康市'}、
{名前:'6110'、値:'商洛市'}
]
}" ;
jquery
コードをコピー
コードは次のとおりです: $ .getJSON("http://sanic.cnblogs.com/",{param:"sanic"},function(data){
//データここで返されるのはすでに json オブジェクトです
//その他以下 動作は最初の場合と同じです
$.each(data.root,function(idx,item){
if(idx==0) ){
return true;//countinue と同じ、break と同じ false を返す
}
alert("name:" item.name ",value:" item.value); );
});
2. jQuery は Json オブジェクトを解析します。
jQuery は、標準の JSON 文字列を必要とする別のメソッド「parseJSON」を提供します。生成されたJavaScriptオブジェクト。
を見て、構文を見てみましょう:
data = $.parseJSON(string); そして、それが実際の開発でどのように使用されるかを見てみましょう:
コードをコピー
コードは次のとおりです: jQuery.ajax({ url: dataURL, success: function(results) {
var parsedJson = jQuery.parseJSON(results);
alert(parsedJson.name)
;