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

2019-11-20 23:54:42

字體：大中小

供稿：網(wǎng)友

準(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); 
}); 
} 

?通過getJSON向ashx請求數(shù)據(jù)。返回的數(shù)據(jù)為JSON對象。
（二）ashx文件，但返回的是實體集合

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

 
Customer customer = new Customer 
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; 
Customer customer2 = new Customer 
{ Unid = 2, CustomerName = "吳用", Memo = "天機星", 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); 
}); 
} 

（三）請求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" %>

前臺文件只保留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); 
}); 
} 

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

復(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); 
}); 
} 

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

對于多行的如下：
文本：

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

 
[ 
{Unid:1,CustomerName:"宋江",Memo:"天魁星",Other:"黑三郎"}, 
{Unid:2,CustomerName:"吳用",Memo:"天機星",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請求
以ashx為例子，按客戶id來請求客戶。
?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 = "天機星", 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請求

復(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); 
}); 
} 