對(duì)博客系統(tǒng)已經(jīng)做到了博客評(píng)論模塊部分了,對(duì)單篇博文進(jìn)行靜態(tài)化的同時(shí)對(duì)博文的評(píng)論部分采取AJAX的方式去讀取。這就要利用到JQuery,ASHX以及Json來合作了。一篇文章有多個(gè)評(píng)論,每十個(gè)為一頁。用戶每點(diǎn)擊下一頁則自動(dòng)抓去下一頁,這個(gè)過程采用無刷新放心進(jìn)行。
Json格式其實(shí)和表格式有異曲同工之妙,在網(wǎng)絡(luò)傳輸中,它比XML還省流量,而且與JS有更好的融合,更容易被解析。Json格式樣例如下:
{"Products":[{"orderid":"11077","customerid":"RATTC"
},{"orderid":"11078","customerid":"RATT"
}],
"Img":[{"id":"12345","url"
:"image/1.jpg"}
]}
其中Products和Img我們可以認(rèn)為是一張表的表名。在Products表中,orderid和customerid都是Products的字段,11077與RATTC可以理解為對(duì)應(yīng)字段的值。Img部分也是一樣。所以,上面Products存在兩筆記錄,而Img存在一筆記錄而已。
那么我們怎么樣在JQuery里面進(jìn)行解析出相應(yīng)的表,欄位和值呢?
在JQuery里面我們可以用:
var Products= Json.Products;
來獲得對(duì)Products表的篩選。接下來我們就對(duì)Products進(jìn)行循環(huán)讀取值:
$.each(Products, function(i, n) {
str += "<p id='xuhao'>" + n.orderid+ "ID" + n.customerid + "</p>";
});
$.each(Products, function(i, n) {} 這里的Products就是我們的目標(biāo)Json數(shù)據(jù)中的表了了。i代表記錄的順序,從0開始(0代表第一筆,1代表第二筆...),而n就代表對(duì)應(yīng)字段的值了。 對(duì)Img的讀取也是類似~~
如有不當(dāng)之處請指正,謝謝??!
如對(duì)本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇