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

