ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery getJSON メソッドの使用状況の詳細な分析
この記事では主に Jquery getJSON メソッドの詳細な分析と紹介を提供します。必要な方はぜひ参考にしてください。
·顧客クラス
。コードは次のとおりです。
{
public int Unid { get; } public string Memo { get; Set;
context.Response.Write(strJson);
(1) Jquery.getJSON
メソッド定義: jQuery.getJSON( url, data, callback )
· URLはJSONデータのアドレスページを提供するために使用されます
・callback(オプション)
コールバック関数
}
コードは次のとおりです:
$.getJSON( "webdata/Json_1.ashx", function(data) {
" $(" #pmessage").text(data.CustomerName); }
Json_1.ashx アドレスから json データをリクエストします。データを受信したら、関数でデータ データを処理します。 ここでのデータは顧客インスタンスに対応するレコードであり、その中のデータは k/v 形式で存在します。つまり、[オブジェクト, オブジェクト]配列の形で存在します。 {"Unid":1,"CustomerName":"Song Jiang","Memo":"Tiankuixing","Other":"Herosaburo"}
そのため、アクセスする際には次のようにdata.Propertyを使用してアクセスします。 /v ループで Song Jiang のこの記録を印刷します:
コードは次のとおりです:
$.getJSON(
"webdata/Json_1.ashx", function(data) { var tt="";
$ .each (data, function(k, v) { tt += k + ":" + v + "
"; })
Customer customer = 新しい顧客
{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang" }; {unid = 2、CustomErname = "Wu Yong"、MEMO = "Sky Star"、Other = "Smart Duo Xing"};
_list.add (Customer2 );
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list) );
生成される json オブジェクトの
は次のとおりです:
[{"Unid":1,"CustomerName":"Song Jiang" ,"Memo":"Tiankuixing","Other":"黑三郎"},
ここでは、コレクションとしての json オブジェクトが 1 つのレコードではなく、[[object, object]]: [object, object] [object, object] とそれぞれの [object, object] の配列であることがわかります。 object] は Customer に対応するレコードを表します。これは実際には k/v の形式であり、この v は Customer オブジェクトであり、この k は 0 から始まる index です。
コードは次のとおりです:
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
" " $.each(data, function(k, v) {
" "alert (k);
" " }) ;
});
このとき、kの値は0,1...
list jsonオブジェクトのメソッド:
コードは以下の通りです。
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
var tt = "";
vv + "
";
}); ソン・ジャン
メモ: Tiankuixing
その他: Hei Sanlang
Unid: 2
顧客名: Wu Yong
メモ: Tianjixing
その他: Zhiduoxing
ここではネストされたループが使用されており、最初のループはリスト オブジェクトから顧客を走査するために使用され、2 番目のループはCustomer オブジェクトから Customer オブジェクトの
プロパティ
、つまり k/v ペアをトラバースするために使用されます。
以上がJquery getJSON メソッドの使用状況の詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。