五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > JQuery解析多維的Json數(shù)據(jù)格式

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

文章來源:365jz.com     點(diǎn)擊數(shù):901    更新時(shí)間:2009-10-07 10:55   參與評(píng)論

對(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)之處請指正,謝謝??!




---------------------
代碼無錯(cuò)未必優(yōu),所以重構(gòu)是種美德!

如對(duì)本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (901人查看,0條評(píng)論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評(píng)論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)