jQuey將序列化對(duì)象在前臺(tái)顯示地實(shí)現(xiàn)代碼(方法總結(jié))
<1>序列化對(duì)象為單個(gè)對(duì)象的時(shí)候
//Student person = new Student() { Name = "張三",Code="001" }; //JavaScriptSerializer json = new JavaScriptSerializer(); //string str = json.Serialize(person); context.Response.Write(str);
前臺(tái)Jquery代碼:
$(document).ready( function () { $.post("Test.ashx", function (data, status) { if (status == "success") { var person = $.parseJSON(data); alert(person.Name); }); } );
此時(shí)可以將Name屬性在前臺(tái)進(jìn)行顯示
2)序列化對(duì)象為DataTable的時(shí)候:
序列化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(); }
前臺(tái)進(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將序列化對(duì)象在前臺(tái)顯示地實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的,在本文將為大家想你想介紹下,感興趣的朋友不要錯(cuò)過(guò)2013-09-09jquery屬性選擇器not has怎么寫(xiě) 行懸停高亮顯示
jquery屬性選擇器中的包含 not has怎么寫(xiě),讓一個(gè)table中沒(méi)有 提交 圖片的行懸停時(shí)都高亮,下面有個(gè)不錯(cuò)的示例,喜歡的朋友可以參考下2013-11-11jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)代碼,感興趣的小伙伴們可以參考一下2015-11-11jQuery.query.js 取參數(shù)的兩點(diǎn)問(wèn)題分析
最近在項(xiàng)目中使用jQuery.query.js這個(gè)插件進(jìn)行頁(yè)面間URL傳值,遇到如下兩點(diǎn)問(wèn)題2012-08-08jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效多款代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效,整體特效非常逼真自然,推薦給大家,有需要的小伙伴可以參考下2015-08-08jquery Ajax 實(shí)現(xiàn)加載數(shù)據(jù)前動(dòng)畫(huà)效果的示例代碼
本篇文章主要是對(duì)jquery Ajax實(shí)現(xiàn)加載數(shù)據(jù)前動(dòng)畫(huà)效果的示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jquery預(yù)覽圖片實(shí)現(xiàn)鼠標(biāo)放上去顯示實(shí)際大小
本文為大家介紹的這個(gè)示例為jquery實(shí)現(xiàn)的預(yù)覽圖片,當(dāng)鼠標(biāo)放上去顯示實(shí)際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01jquery實(shí)現(xiàn)倒計(jì)時(shí)代碼分享
最近做的項(xiàng)目,需要倒計(jì)時(shí),翻了翻資料,寫(xiě)了出來(lái),分享給大家,歡迎拍磚,jquery庫(kù)自己記得引用哈2014-06-06基于Jquery+div+css實(shí)現(xiàn)彈出登錄窗口(代碼超簡(jiǎn)單)
這篇文章給大家介紹基于jquery div css三者相結(jié)合實(shí)現(xiàn)彈出登錄窗口,實(shí)現(xiàn)大致思路是這樣的:通過(guò)dispaly:none屬性先隱藏在顯示,感興趣的朋友一起看看代碼實(shí)現(xiàn)過(guò)程吧2015-10-10