<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的顯示方法基本相同

?

?

轉載于:https://www.cnblogs.com/xiaozhuaweiliang/archive/2012/12/26/jqueryJson.html

總結

以上是生活随笔為你收集整理的Jquey将序列化对象在前台显示地几种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。