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

準備作業
・顧客クラス

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

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")
これは非常に重要です。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。