jQuey將序列化對象在前臺顯示地實現(xiàn)代碼(方法總結)

更新時間：2016年12月13日 09:26:19 作者：my98800

本文給大家分享jQuey將序列化對象在前臺顯示地的幾種方式，非常不錯，具有參考借鑒價值，需要的朋友一起看看吧

<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將序列化對象在前臺顯示地實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

jquery+css實現(xiàn)下拉列表功能
本文通過實例代碼給大家介紹了jquery 與css相結合實現(xiàn)的下拉列表功能，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
2017-09-09
基于jquery的時間段實現(xiàn)代碼
基于jquery的時間段實現(xiàn)代碼，需要的朋友可以參考下
2012-08-08
jQuery插件HighCharts繪制2D帶Label的折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D帶Label的折線圖效果,結合實例形式分析了jQuery圖形繪制插件HighCharts實現(xiàn)折線圖效果的具體操作步驟與相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery判斷元素是否顯示是否隱藏的簡單實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query判斷元素是否顯示是否隱藏的簡單實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jquery 正整數(shù)數(shù)字校驗正則表達式
本文主要介紹了jquery正整數(shù)數(shù)字校驗正則表達式的方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
jQuery實現(xiàn)帶動畫效果的二級下拉導航方法
這篇文章主要介紹了jQuery實現(xiàn)帶動畫效果的二級下拉導航方法,涉及jQuery操作css樣式及鼠標事件的技巧,非常具有實用價值,需要的朋友可以參考下
2015-03-03
innerHTML與jquery里的html()區(qū)別介紹
我原本一直以為innerHTML和jquery里的html其實是完全一樣的，jquery是多此一舉了，直到我遇到一次問題
2012-10-10
如何使用jQuery技術開發(fā)ios風格的頁面導航菜單
這篇文章主要介紹了如何使用jQuery技術開發(fā)ios風格的頁面導航菜單,需要的朋友可以參考下
2015-07-07
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關資料,需要的朋友可以參考下
2016-04-04
seajs加載jquery時提示$ is not a function該怎么解決
這篇文章主要介紹了seajs加載jquery時提示$ is not a function該怎么解決的相關資料,需要的朋友可以參考下
2015-10-10