您的位置:首页 > 产品设计 > UI/UE

Jquey将序列化对象在前台显示地几种方式

2016-12-13 09:12 225 查看
<1>序列化对象为单个对象的时候

//Student person = new Student() { Name = "张三",Code="001" };

//JavaScriptSerializer json = new JavaScriptSerializer();

//string str = json.Serialize(person);

context.Response.Write(str);

前台Jquery代码:

$(document).ready(

function () {

$.post("Test.ashx", function (data, status) {

if (status == "success") {

var person = $.parseJSON(data);

alert(person.Name);

});

}

);

此时可以将Name属性在前台进行显示

2)序列化对象为DataTable的时候:

序列化DataTable方法:

public string SerializeDataTable(DataTable dt)

{

StringBuilder sb = new StringBuilder();

sb.Append("[");

for (int i = 0; i < dt.Rows.Count; i++)

{

sb.Append("{");

for (int j = 0; j < dt.Columns.Count; j++)

{

sb.Append("\"" + dt.Columns[j].ColumnName + "\":\"" + dt.Rows[i][j].ToString() + "\"");

if (j < dt.Columns.Count - 1)

{

sb.Append(",");

}

}

sb.Append("}");

if (i < dt.Rows.Count - 1)

{

sb.Append(",");

}

}

sb.Append("]");

return sb.ToString();

}

前台进行显示

$(document).ready(

function () {

$.post("Test.ashx", function (data, status) {

if (status == "success") {

var person = $.parseJSON(data);

$.each(person, function (k, v) {

alert(v.Name);

alert(v.Code);

});

}

});

}

);

List显示方式和DataTable的显示方法基本相同
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: