Jquery Ajaxリクエストコード(2)_jquery

参照Dllファイルを追加するだけで使用できるのでとても便利です。 /201101/tools/Newtonsoft.Json.Net20.rar
jquery ライブラリでは、getJSON が実際に呼び出されます: Query.get(url, data, callback, "json")
where パラメーターk/v ペア形式でも送信されます。リクエストが何を返すかがわかります: サーバーは顧客リストのコレクションを返します
次に、イベントのシーケンスを見てみましょう:
共通クラスの一部

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

public class Customer
{
public int Unid { get;
public string CustomerName { get; set; }
public string Memo { get; }
}

処理ファイル (ashx)

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

Customer customer = new顧客
{ Unid=1 ,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"}; strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); >context.Response.Write(strJson) ;
｝


フロントエンド Jquery に呼び出し元の ashx コードをロードします。
getJSON を通じて ashx からデータを要求します。返されるデータは JSON オブジェクトです

コードをコピー コードは次のとおりです: $( ).ready( function() {

$.getJSON("JqueryData2.ashx", function(data) {

alert(data.Memo);
});
$.getJSON(" JqueryData2.ashx" , function(data) {
var tt = "";
$.each(data, function(k, v) {
tt = k "：" v "
})
$("#disHows").html(tt);
});
});


(2) ashxファイルですが、返されるのはエンティティ コレクションです

コードをコピー コードは次のとおりです: Customer customer = 新規顧客

{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"};

顧客 customer2 = 新規顧客
{ Unid = 2, CustomerName = "Wu Yong"、Memo = "Tianjixing"、その他 = "Zhiduoxing" };
List _list = new List
_list.Add(customer); _list.Add(customer2);
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list);
｝
function GetCustomerList(); >$.getJSON(
"JqueryData2.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v,function (kk, vv) {
tt = kk "：" vv "
";
}); #divmessage").html( tt);
});
}
[code]
(3) aspx ファイルで CS を要求
[code]
protected void Page_Load(オブジェクト送信者、EventArgs e)
{
顧客 customer = 新しい顧客
{ Unid = 1, CustomerName = "Song Jiang", Memo = "Tiankuixing", Other = "Black Saburo" }; string strJson = Newtonsoft.Json .JsonConvert.SerializeObject(customer);
Response.Write(strJson);


·Aspx ファイル
Inherits="webdata_Json_1" %>
アイデア: フロントエンド ファイルに Page ステートメントのみを保持し、その他はすべて削除します。 🎜>Jquery コード




コードをコピー

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


function GetCustomer_Aspx() {
$.getJSON(

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

}

(4) リクエストテキストファイル
テキストファイルは json 文字列を提供し、json オブジェクトは $.getJSON から取得されます
・テキストファイル
{Unid: 1 、顧客名: "Song Jiang"、メモ: "Tian Kuixing"、その他: "Hei Sanlang "}
テキスト ファイルは、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) }; 🎜>

解析方法は ashx と同じです
Txt ファイル内の複数行の形式は次のとおりです:
テキストの内容:
[
{Unid:1,CustomerName:"宋江",メモ:"天菊興",その他:"英雄三郎"},
{Unid:2,顧客名:"呉容",メモ:"天菊興",その他:"知多興"}
]

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

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 "
";
})
}); ").html( tt);
});
}

/201101/tools/Newtonsoft.Json.Net20.rar