jQuey将序列化对象在前台显示地实现代码(方法总结)_jquery

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

以上所述是小编给大家介绍的jQuey将序列化对象在前台显示地实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery
jquery 序列化对象、jquery序列化json对象、jquery 序列化form、jquery 表单序列化、jquery 序列化，以便于您获取更多的相关知识。