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

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

 更新時間：2009年11月02日 14:00:05   作者：  
對博客系統(tǒng)已經(jīng)做到了博客評論模塊部分了，對單篇博文進(jìn)行靜態(tài)化的同時對博文的評論部分采取AJAX的方式去讀取。
這就要利用到JQuery，ASHX以及Json來合作了。一篇文章有多個評論，每十個為一頁。用戶每點擊下一頁則自動抓去下一頁，這個過程采用無刷新放心進(jìn)行。
Json格式其實和表格式有異曲同工之妙，在網(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可以理解為對應(yīng)字段的值。Img部分也是一樣。所以，上面Products存在兩筆記錄，而Img存在一筆記錄而已。
那么我們怎么樣在JQuery里面進(jìn)行解析出相應(yīng)的表，欄位和值呢？
在JQuery里面我們可以用：
var Products= Json.Products;
來獲得對Products表的篩選。接下來我們就對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開始（0代表第一筆，1代表第二筆...），而n就代表對應(yīng)字段的值了。 對Img的讀取也是類似~~
如有不當(dāng)之處請指正，謝謝??！

相關(guān)文章

最新評論