ajax get 加载页面jss,Asp.net下使用Jquery Ajax传送和接收DataTable的代码

服务器再把GridView反构造成DataTable,再给DataTable增加一行之后，绑定到GridView，然后发回客户端...

能不能简单一点呢？

在使用Ajax数据请求数据，通常都是简单格式，比如String，信息量较少。当然也可以请求回XML，但是XML数据冗余多，取到客户端处理比json麻烦的多。

能不能简单一点呢？

上面这些问题，如果DataTable与JSON类型可以方便的相互转换，都可以迎刃而解了。

优点：1)避免不必要的回传；

2)精简异步请求数据的大小 ；

3)解决数据量较大时，数据发送与接收繁琐的问题。

既然好处这么多，我们上代码吧。

前台代码：

//onload

$(function() {

//点击botton1

$("#botton1").click(function() {

var url = "default.aspx?ajax=1";

var dtb = generateDtb();

//序列化对象

var postdata = JSON.stringify(dtb);

//异步请求

$.post(url,{ json: postdata },function(json) {

createTable(json);

},"json")

});

});

//生成DataTable对象

function generateDtb() {

var dtb = new Array();

for (var i = 0; i < 10; i++) {

var row = new Object();

row.col1 = i;

row.col2 = i % 2 == 0 ? true : false;

row.col3 = i + "he\nll\"ow";

dtb.push(row);

}

return dtb;

}

//显示Json中的数据

function createTable(json) {

var table = $("

");

for (var i = 0; i < json.length; i++) {

o1 = json[i];

var row = $("

");

for (key in o1) {

var td = $("

");

td.text(o1[key].toString());

td.appendTo(row);

}

row.appendTo(table);

}

table.appendTo($("#back"));

}

后台代码：

///

/// 页面加载时

///

///

///

protected void Page_Load(object sender,EventArgs e)

{

//判断是否异步请求

if (Request.QueryString["ajax"] == "1")

{

ProcessRequest();

}

}

///

/// 处理异步请求

///

private void ProcessRequest()

{

Response.ContentType = "text/html";

string json = Request.Form["json"];

//反序列化DataTable

DataTable newdtb = Json2Dtb(json);

//序列化DataTable为JSON

string back = Dtb2Json(newdtb);

Response.Write(back);

Response.End();

}

///

/// DataTable转Json

///

///

///

private string Dtb2Json(DataTable dtb)

{

JavaScriptSerializer jss = new JavaScriptSerializer();

ArrayList dic = new ArrayList();

foreach (DataRow row in dtb.Rows)

{

Dictionary drow = new Dictionary();

foreach (DataColumn col in dtb.Columns)

{

drow.Add(col.ColumnName,row[col.ColumnName]);

}

dic.Add(drow);

}

return jss.Serialize(dic);

}

///

/// Json转DataTable

///

///

///

private DataTable Json2Dtb(string json)

{

JavaScriptSerializer jss = new JavaScriptSerializer();

ArrayList dic = jss.Deserialize(json);

DataTable dtb = new DataTable();

if (dic.Count > 0)

{

foreach (Dictionary 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.zip

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。