ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery による Json 文字列 (Json 形式/Json オブジェクト) の解析方法_jquery

jQuery による Json 文字列 (Json 形式/Json オブジェクト) の解析方法_jquery

WBOY
リリース: 2016-05-16 17:26:06
オリジナル
1227 人が閲覧しました

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 メソッドを例として使用します。
コードは次のとおりです。 >


コードをコピー コードは次のとおりです: var data="
{
ルート:
[
{名前:'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)

;
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート