Jquery中g(shù)etJSON在asp.net中的使用說(shuō)明

更新時(shí)間：2011年03月10日 12:23:23 作者：

Jquery中g(shù)etJSON在asp.net中的使用說(shuō)明，需要的朋友可以參考下。

準(zhǔn)備工作
·Customer類

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

（一）ashx

復(fù)制代碼代碼如下:

 
Customer customer = new Customer 
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); 
context.Response.Write(strJson); 

復(fù)制代碼代碼如下:

 
function GetCustomer_Ashx() { 
$.getJSON( 
"webdata/Json_1.ashx", 
function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
tt += k + "：" + v + "<br/>"; 
}) 
$("#divmessage").html(tt); 
}); 
} 

·通過(guò)getJSON向ashx請(qǐng)求數(shù)據(jù)。返回的數(shù)據(jù)為JSON對(duì)象。
（二）ashx文件，但返回的是實(shí)體集合

復(fù)制代碼代碼如下:

 
Customer customer = new Customer 
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; 
Customer customer2 = new Customer 
{ Unid = 2, CustomerName = "吳用", Memo = "天機(jī)星", Other = "智多星" }; 
List<Customer> _list = new List<Customer>(); 
_list.Add(customer); 
_list.Add(customer2); 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list); 
context.Response.Write(strJson); 

復(fù)制代碼代碼如下:

 
function GetCustomerList() { 
$.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); 
}); 
} 

（三）請(qǐng)求aspx文件
·cs文件

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
Customer customer = new Customer 
{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" }; 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); 
Response.Write(strJson); 
} 

·Aspx文件
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Json_1.aspx.cs"
Inherits="webdata_Json_1" %>

前臺(tái)文件只保留Page聲明，其它全部刪除。

·js文件

復(fù)制代碼代碼如下:

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

這個(gè)部分與請(qǐng)求ashx文件時(shí)相同。
請(qǐng)求實(shí)體集合時(shí)，與ashx時(shí)相同，這里不做重復(fù)。
（四）請(qǐng)求文本文件
文本文件提供json字符串，由$.getJSON得到j(luò)son對(duì)象。
·文本文件
{Unid:1,CustomerName:"宋江",Memo:"天魁星",Other:"黑三郎"}
文本文件提供json串，對(duì)于json的組成格式，請(qǐng)參見其它文檔。對(duì)于這一實(shí)體json，會(huì)被忽略空行與空格。

復(fù)制代碼代碼如下:

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

解析的方法與其它的相同。

對(duì)于多行的如下：
文本：

復(fù)制代碼代碼如下:

 
[ 
{Unid:1,CustomerName:"宋江",Memo:"天魁星",Other:"黑三郎"}, 
{Unid:2,CustomerName:"吳用",Memo:"天機(jī)星",Other:"智多星"} 
] 

解析：

復(fù)制代碼代碼如下:

 

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 + "<br/>"; 
}); 
}); 
$("#divmessage").html(tt); 
}); 
} 

與其它的相同。
（五）帶參數(shù)ajax請(qǐng)求
以ashx為例子，按客戶id來(lái)請(qǐng)求客戶。
·Ashx文件

復(fù)制代碼代碼如下:

 
if(context.Request["iUnid"]==null) 
return; 
context.Response.ContentType = "text/plain"; 
Customer customer = new Customer 
{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" }; 
Customer customer2 = new Customer 
{ Unid = 2, CustomerName = "吳用", Memo = "天機(jī)星", Other = "智多星" }; 
List<Customer> _list = new List<Customer>(); 
_list.Add(customer); 
_list.Add(customer2); 

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

·ajax請(qǐng)求

復(fù)制代碼代碼如下:

 
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 + "<br/>"; 
}); 
}); 
$("#divmessage").html(tt); 
}); 
} 

其中參數(shù)也是以k/v對(duì)格式發(fā)出。請(qǐng)求返回的可以看到：在服務(wù)端以Customer列表集合返回。

在jquery庫(kù)中，getJSON其實(shí)是調(diào)用的：Query.get(url, data, callback, "json")
這點(diǎn)很重要。

您可能感興趣的文章: