本篇文章主要是對Jquery getJSON方法進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
准備工作 ·Customer類 代碼如下: public class Customer { public int Unid { get; set; } public string CustomerName { get; set; } public string Memo { get; set; } public string Other { get; set; } } ·服務端處理(Json_1.ashx) 代碼如下: Customer customer = new Customer { Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); context.Response.Write(strJson); (一)Jquery. getJSON 方法定義:jQuery.getJSON( url, data, callback ) 通過get請求得到json數據 ·url用於提供json數據的地址頁 ·data(Optional)用於傳送到服務器的鍵值對 ·callback(Optional)回調函數,json數據請求成功後的處理函數 代碼如下: function(data, textStatus) { // data是一個json對象 // textStatus will be "success" this; // the options for this ajax request } (1)一個對象 代碼如下: $.getJSON( "webdata/Json_1.ashx", function(data) { $("#divmessage").text(data.CustomerName); } ); 向Json_1.ashx地址請求json數據,接收到數據後,在function中處理data數據。 這裡的data的數據是一條記錄,對應於一個customer實例,其中的數據以k/v形式存在。即以[object,object]數組形式存在。 {"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"} 所以在訪問時,以data.Property來訪問,下面以k/v循環來打印這條宋江的記錄: 代碼如下: $.getJSON( "webdata/Json_1.ashx", function(data) { var tt=""; $.each(data, function(k, v) { tt += k + ":" + v + "<br/>"; }) $("#divmessage").html(tt); }); 結果: Unid:1 CustomerName:宋江 Memo:天魁星 Other:黑三郎 (2)對象數組 Ashx文件(Json_1.ashx)修改: 代碼如下: List<Customer> _list = new List<Customer>(); Customer customer = new Customer { Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; Customer customer2 = new Customer { Unid = 2, CustomerName = "吳用", Memo = "天機星", Other = "智多星" }; _list.Add(customer); _list.Add(customer2); string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list); 它生成的json對象的字符串是: [{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"}, {"Unid":2,"CustomerName":"吳用","Memo":"天機星","Other":"智多星"}] 這裡可以看到做為集合的json對象不是再一條記錄,而是2條記錄,是一個[[object,object]]數組:[object,object][object,object],而每個[object,object]表示一條記錄,對應一個Customer,其實也是k/v的形式,而這個v就是一個Customer對象,而這個k是從0開始的索引。 代碼如下: $.getJSON( "webdata/Json_1.ashx", function(data) { $.each(data, function(k, v) { alert(k); }); }); 這時,k值為0,1…… 列表json對象的方法: 代碼如下: $.getJSON( "webdata/Json_1.ashx", function(data) { var tt = ""; $.each(data, function(k, v) { $.each(v,function(kk, vv) { tt += kk + ":" + vv + "<br/>"; }); }); $("#divmessage").html(tt); }); 結果: Unid:1 CustomerName:宋江 Memo:天魁星 Other:黑三郎 Unid:2 CustomerName:吳用 Memo:天機星 Other:智多星 這裡用了嵌套循環,第一個循環用於從List中遍歷Customer對象,第二個循環用於從Customer對象中遍歷Customer對象的屬性,也就是k/v對。