欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery 解析多維的Json數(shù)據(jù)格式

 更新時(shí)間:2009年11月02日 14:00:05   作者:  
對(duì)博客系統(tǒng)已經(jīng)做到了博客評(píng)論模塊部分了,對(duì)單篇博文進(jìn)行靜態(tài)化的同時(shí)對(duì)博文的評(píng)論部分采取AJAX的方式去讀取。
這就要利用到JQuery,ASHX以及Json來(lái)合作了。一篇文章有多個(gè)評(píng)論,每十個(gè)為一頁(yè)。用戶每點(diǎn)擊下一頁(yè)則自動(dòng)抓去下一頁(yè),這個(gè)過(guò)程采用無(wú)刷新放心進(jìn)行。
Json格式其實(shí)和表格式有異曲同工之妙,在網(wǎng)絡(luò)傳輸中,它比XML還省流量,而且與JS有更好的融合,更容易被解析。Json格式樣例如下:
復(fù)制代碼 代碼如下:

{"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存在一筆記錄而已。
那么我們?cè)趺礃釉贘Query里面進(jìn)行解析出相應(yīng)的表,欄位和值呢?
在JQuery里面我們可以用:
var Products= Json.Products;
來(lái)獲得對(duì)Products表的篩選。接下來(lái)我們就對(duì)Products進(jìn)行循環(huán)讀取值:
復(fù)制代碼 代碼如下:

$.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開(kāi)始(0代表第一筆,1代表第二筆...),而n就代表對(duì)應(yīng)字段的值了。 對(duì)Img的讀取也是類似~~
如有不當(dāng)之處請(qǐng)指正,謝謝?。?

相關(guān)文章

最新評(píng)論