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

2019-11-21 01:01:15

字體：大中小

供稿：網(wǎng)友

這就要利用到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)之處請指正，謝謝?。?

上一篇：javascript 按回車鍵相應(yīng)按鈕提交事件

下一篇：javascript(jquery)利用函數(shù)修改全局變量的代碼