asp.net_jquery の Jquery で getJSON を使用する手順-jsチュートリアル-php.cn

asp.net_jquery の Jquery で getJSON を使用する手順

WBOY

リリース： 2016-05-16 18:09:42

オリジナル

942 人が閲覧しました

準備作業
・顧客クラス

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

 
public クラス Customer 
{ 
public int { set; } 
public string Memo { get;その他 { get ; set; 
} 

 

(1) ashx

コードは次のとおりです: 顧客 customer = 新しい顧客

{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other= "ブラックサブロー"};

string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);

コードをコピー

コードは次のとおりです。 function GetCustomer_Ashx() { $.getJSON(

"webdata/ Json_1.ashx",

function( data) { 
var tt = ""; 
$.each(data, function(k, v) { 
tt = k "：" v "< ;br/>gt;"; 
 }) 
$("#divmessage").html(tt); 
}); 
} 

 
・リクエストデータashx から getJSON を介して。返されるデータは JSON オブジェクトです。 
 (2) ashx ファイルですが、エンティティ コレクションを返します 

コードをコピー

コードは次のとおりです: 顧客 customer = 新規顧客 { Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Black Saburo"};

顧客 customer2 = 新規顧客

{ Unid = 2, CustomerName = "Wu Yong", Memo = "Tianjixing", Other = "Zhiduoxing" }; 
List = new List();顧客) ; 
_list.Add(customer2); 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list); >

コードをコピー

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

function GetCustomerList() { $.getJSON( "webdata/Json_1.ashx", function(data) { var tt = ""; $.each(data, function(k, v) { $ .each(v,function(kk, vv) {

tt = kk "：" vv "
";

}); >$("# divmessage").html(tt); 
}) 
} 

 (3) aspx ファイル 
・cs ファイル 

コードをコピーします

 コードは次のとおりです:

protected void Page_Load(object sender, EventArgs e)
{

顧客 customer = 新しい顧客 { Unid = 1、CustomerName = "Song Jiang"、メモ = "Tian Kuixing"、Other = "Hei Sanlang" }; string strJson = Newtonsoft.Json.JsonConvert. SerializeObject(customer); Response .Write(strJson);

·Aspx ファイル
<%@ ページ言語 = "C#" AutoEventWireup="true" CodeFile="Json_1 .aspx.cs"
Inherits="webdata_Json_1" %>

Page 宣言のみがフロントエンドファイルに保持され、その他はすべて削除されます。

・js ファイル

コードをコピー

コードは次のとおりです:

function GetCustomer_Aspx() {
$.getJSON(
"webdata/Json_1.aspx",

function(data) { var tt = ""; $.each( data, function (k, v) { tt = k "：" v "
"; $("#divmessage").html(tt); 🎜>} ); }

この部分は、ashx ファイルをリクエストする場合と同じです。 
エンティティコレクションをリクエストする場合は、ashx と同じであるため、ここでの繰り返しはありません。 
 (4) リクエスト テキスト ファイル 
テキスト ファイルは json 文字列を提供し、json オブジェクトは $.getJSON を通じて取得されます。 
・テキスト ファイル
{Unid:1,CustomerName:"Song Jiang",Memo:"Tian Kuixing",Other:"Black Saburo"} 
テキスト ファイルは、JSON 構成用の JSON 文字列を提供します。形式については、他のドキュメントを参照してください。このエンティティ json では、空白行とスペースは無視されます。 





コードをコピー

コードは次のとおりです:

 
function GetCustomer_txt() { 
$.getJSON( 
"webdata/Json_1.txt", 
function(data) { 
var tt = ""; 
$ .each(data, function(k, v) { 
tt = k "：" v "
"; 
}) 
$("#divmessage").html(tt ); 
}); 
} 

解析方法は他と同じです。

複数行の場合は次のようになります:
テキスト:

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

 
[ 
{Unid:1,顧客名:"Song Jiang",メモ:"Tiankuixing",Other:"Hei Sanlang"}, 
{Unid:2,顧客名:" Wu Yong", メモ:"Tianjixing",Other:"Zhiduoxing"} 
] 

分析:

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

 

function GetCustomer_TxtList() { 
$.getJSON( 
"webdata/Json_1.txt", function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
$.each(v, function(kk, vv) { 
 tt = kk ":" vv "
}) 
}); 
} 

 
他と同じ。 
 (5) パラメータを使用した Ajax リクエスト 

ashx を例として、顧客 ID に基づいて顧客をリクエストします。
・Ashx ファイル

コードをコピーコードは次のとおりです。 if(context .Request[ "iUnid"]==null)

return;

context.Response.ContentType = "text/plain"; 
顧客 customer = 新しい顧客 
{ Unid = 1, CustomerName = " Song Jiang", Memo = "Tiankuixing", Other = "Hei Sanlang" }; 
顧客 customer2 = 新しい顧客 
{ Unid = 2, CustomerName = "Wu Yong", Memo = "Tiankuixing", Other = " Zhiduoxing" }; 
List _list = new List(); 
_list.Add(customer); 
_list.Add(customer2); 

int iCustomerId = Convert.ToInt32(context.Request["iUnid"]); 
var cus = from q in _list 
where q.Unid == iCustomerId 
string strJson = Newtonsoft.Json. JsonConvert.SerializeObject(cus); 

 
・ajax リクエスト

code

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

function GetCustomer_AshxWithPara() { $.getJSON( "webdata/Json_2.ashx", { iUnid: 1 }, function(data) { var tt = "";

$.each(data, function(k, v) {

$.each(v, function) (kk, vv) { 
tt = kk "：" vv "
}) 
}); 
$("#divmessage"); tt); 
}); 
} 

 
パラメータも k/v ペア形式で送信されます。リクエストによって何が返されるかを確認できます。これは、サーバー側の顧客リスト コレクションとして返されます。 

jquery ライブラリでは、getJSON が実際に呼び出されます: Query.get(url, data, callback, "json") 
これは非常に重要です。