DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery 解析多維的Json數據格式
JQuery 解析多維的Json數據格式
編輯:JQuery特效代碼     
這就要利用到JQuery,ASHX以及Json來合作了。一篇文章有多個評論,每十個為一頁。用戶每點擊下一頁則自動抓去下一頁,這個過程采用無刷新放心進行。
Json格式其實和表格式有異曲同工之妙,在網絡傳輸中,它比XML還省流量,而且與JS有更好的融合,更容易被解析。Json格式樣例如下:
代碼如下:
{"Products":[
{"orderid":"11077","customerid":"RATTC"},
{"orderid":"11078","customerid":"RATT"}
],
"Img":[{"id":"12345","url"
:"image/1.jpg"}
]}

其中Products和Img我們可以認為是一張表的表名。在Products表中,orderid和customerid都是Products的字段,11077與RATTC可以理解為對應字段的值。Img部分也是一樣。所以,上面Products存在兩筆記錄,而Img存在一筆記錄而已。
那麼我們怎麼樣在JQuery裡面進行解析出相應的表,欄位和值呢?
在JQuery裡面我們可以用:
var Products= Json.Products;
來獲得對Products表的篩選。接下來我們就對Products進行循環讀取值:
代碼如下:
$.each(Products, function(i, n) {
str += "<p id='xuhao'>" + n.orderid+ "ID" + n.customerid + "</p>";
});

$.each(Products, function(i, n) {} 這裡的Products就是我們的目標Json數據中的表了了。i代表記錄的順序,從0開始(0代表第一筆,1代表第二筆...),而n就代表對應字段的值了。 對Img的讀取也是類似~~
如有不當之處請指正,謝謝!!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved