Jquey将序列化对象在前台显示地几种方式-优快云博客

本文介绍了如何使用C#进行对象序列化，并通过jQuery在前端解析这些数据。具体包括序列化单个对象、DataTable及List的过程，展示了如何从前端显示序列化后的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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