jQuey將序列化對象在前臺顯示地實現(xiàn)代碼(方法總結(jié))
<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屬性在前臺進(jìn)行顯示
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(); }
前臺進(jìn)行顯示
$(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)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的,在本文將為大家想你想介紹下,感興趣的朋友不要錯過2013-09-09jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼分享
這篇文章主要介紹了jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼,感興趣的小伙伴們可以參考一下2015-11-11jQuery.query.js 取參數(shù)的兩點問題分析
最近在項目中使用jQuery.query.js這個插件進(jìn)行頁面間URL傳值,遇到如下兩點問題2012-08-08jQuery實現(xiàn)的數(shù)值范圍range2dslider選取插件特效多款代碼分享
這篇文章主要介紹了jQuery實現(xiàn)的數(shù)值范圍range2dslider選取插件特效,整體特效非常逼真自然,推薦給大家,有需要的小伙伴可以參考下2015-08-08jquery Ajax 實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼
本篇文章主要是對jquery Ajax實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02jquery預(yù)覽圖片實現(xiàn)鼠標(biāo)放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現(xiàn)的預(yù)覽圖片,當(dāng)鼠標(biāo)放上去顯示實際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01基于Jquery+div+css實現(xiàn)彈出登錄窗口(代碼超簡單)
這篇文章給大家介紹基于jquery div css三者相結(jié)合實現(xiàn)彈出登錄窗口,實現(xiàn)大致思路是這樣的:通過dispaly:none屬性先隱藏在顯示,感興趣的朋友一起看看代碼實現(xiàn)過程吧2015-10-10