當返回的是List<>類型的話FireFox調試如下
返回的數據也是放在Js對象中的d屬性裡面 所以說這就是為什麼我們老是用result.d來取微軟的框架返回的數據.
方法一不常用.一般用得多的還是方法二.
方法二:(建一個一般處理程序即.ashx文件)
用這種方法一般是我們要在ashx文件裡手動寫好返回的Json格式的數據返回給前台用
ashx 你可以配成Json格式一或Json格式二
Default.aspx頁面Js代碼如下
代碼如下:
$.ajax({
type: "POST",
url: "Handler.ashx",
dataType: "json",
success: function(data){
alert(data.name); //返回的為 Json格式一(Js對象)
/* 返回的為 Json格式二(Js對象)
$(data).each(function(i) {
alert(data[i].name);
});
*/
}
});
Handler.ashx 代碼如下
代碼如下:
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Collections;
using System.Collections.Generic;
using System.Web.Script.Serialization;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.ContentType = "text/plain";
// 返回的為Json格式一 Js對象
string data = "{\"name\":\"wang\",\"age\":25}";
// 返回的為Json格式二 Js數組
//string data = "[{\"name\":\"wang\",\"age\":25},{\"name\":\"zhang\",\"age\":22}]";
context.Response.Write(data);
}
public bool IsReusable {
get {
return false;
}
}
}
以上基本上就第二種方法,可能有人不喜歡拼字符串.那有什麼好辦法呢?答案是有.微軟對Json有很好的支持.
拿上例子說我們只要把Handler.ashx改一下就可以了
Handler.ashx 代碼如下
代碼如下:
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Collections;
using System.Collections.Generic; // Dictionary<,> 鍵值對集合所需
using System.Web.Script.Serialization; //JavaScriptSerializer 類所需
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.ContentType = "text/plain";
Dictionary<string, string> drow = new Dictionary<string, string>();
drow.Add("name", "Wang");
drow.Add("age", "24");
context.Response.Write(jss.Serialize(drow));
}
public bool IsReusable {
get {
return false;
}
}
}
ASP.Net中的JavaScriptSerializer為我們提供了很好的方法
jss.Serialize(drow) 是把drow的Dictionary<string, int> (鍵和值的集合)數據類型轉換成Json數據格式
調試結果如下圖 (上面例子是輸出了一個鍵值多集合即一個Json形式一的Js對象)
如果要輸出Json形式二(Js數組)呢? 我們也只要改動一部分就了
Handler.ashx 代碼如下
代碼如下:
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Collections;
using System.Collections.Generic;
using System.Web.Script.Serialization;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.ContentType = "text/plain";
List<Dictionary<string, string>> _list = new List<Dictionary<string, string>>();
Dictionary<string, string> drow = new Dictionary<string, string>();
drow.Add("name", "Wang");
drow.Add("age", "24");
Dictionary<string, string> drow1 = new Dictionary<string, string>();
drow1.Add("name", "Zhang");
drow1.Add("age", "35");
_list.Add(drow);
_list.Add(drow1);
context.Response.Write(jss.Serialize(_list));
}
public bool IsReusable {
get {
return false;
}
}
}
調試結果如下圖 (上面例子是輸出了Json形式二的Js數組)
講到這裡基本概念也講得差不多了. 這裡再講一個夠常碰到的例子就是如何把DataTabel轉換成Json格式從而好讓前台頁面調用.
就是在Handler.ashx寫上一個方法
代碼如下:
/// <summary>
/// DataTable轉Json
/// </summary>
/// <param name="dtb"></param>
/// <returns></returns>
private string Dtb2Json(DataTable dtb)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = new ArrayList();
foreach (DataRow row in dtb.Rows)
{
Dictionary<string, object> drow = new Dictionary<string, object>();
foreach (DataColumn col in dtb.Columns)
{
drow.Add(col.ColumnName, row[col.ColumnName]);
}
dic.Add(drow);
}
return jss.Serialize(dic);
}
其實也有把Json格式轉換成DataTabel格式,方法如下
代碼如下:
/// <summary>
/// Json轉DataTable
/// </summary>
/// <param name="json"></param>
/// <returns></returns>
private DataTable Json2Dtb(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = jss.Deserialize<ArrayList>(json);
DataTable dtb = new DataTable();
if (dic.Count > 0)
{
foreach (Dictionary<string, object> drow in dic)
{
if (dtb.Columns.Count == 0)
{
foreach (string key in drow.Keys)
{
dtb.Columns.Add(key, drow[key].GetType());
}
}
DataRow row = dtb.NewRow();
foreach (string key in drow.Keys)
{
row[key] = drow[key];
}
dtb.Rows.Add(row);
}
}
return dtb;
}
我們讓返回的Json以表格的形式顯示出來
那麼前台頁面JS如下
代碼如下:
$.ajax({
type: "POST",
url: "Handler.ashx",
dataType: "json",
success: function(data){
var table = $("<table border='1'></table>");
for (var i = 0; i < data.length; i++) {
o1 = data[i];
var row = $("<tr></tr>");
for (key in o1)
{
var td = $("<td></td>");
td.text(o1[key].toString());
td.appendTo(row);}
row.appendTo(table);
}
table.appendTo($("#back"));
}
});
由上例子 再講兩個Js知識點
1. 之前我們取Json裡面的數據如果是返回的是數組的話是用data[i].name也可表示為data[i]["name"]
2. 如果要訪問Js對象的所有屬性那麼遍歷Js對象.
代碼如下:
success: function(data){
$(data).each(function(i) {
for(key in this) // 遍歷Js對象的所有屬性
alert(data[i][key]);
//這裡就不能換成 data[i].key 否則key成了屬性而不是上面的key變量
});
}
也有把前台Json數據傳到後台後解析成DataTabel
這裡我把DataTabel軟成Json和Json轉成DataTabel寫成一個例子.下載地址如下
源碼下載
如果大家對asp.net的序列化與反序列化感興趣想一探究竟的話