jQuery遍歷json的方法分析
更新時間：2016年04月16日 11:21:02 作者：且行且思
這篇文章主要介紹了jQuery遍歷json的方法,結合實例形式分析了jQuery針對json格式數(shù)據(jù)的遍歷操作相關技巧,需要的朋友可以參考下
本文實例分析了jQuery遍歷json的方法。分享給大家供大家參考，具體如下：
復制代碼 代碼如下:
var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]},{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u4ec0\u4e48\u4e5f\u6ca1\u6709"]}
ajax請求：
$.ajax({
url: '/path/to/file',
type: 'GET',
dataType: 'json',
data: {param1: 'value1'},
success: function (obj){
//遍歷obj
}
})
返回的內容在success的函數(shù)里面，所有的遍歷操作都是在這里面操作的：
for循環(huán)：
var obj = {
"status":1,
"bkmsg":"\u6210\u529f",
"bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]
}
// console.log(obj.length);
if (obj.status == 1) {
for (var i = 0; i < obj.bkdata.length; i++) {
console.log(obj.bkdata[i]);
};
}else{
alert("數(shù)據(jù)有誤~");
};
for in 循環(huán)：
//for in循環(huán)
for(x in obj.bkdata){
//x表示是下標，來指定變量，指定的變量可以是數(shù)組元素，也可以是對象的屬性。
console.log(obj.bkdata[x]);
}
//元素 each方法
if (obj.status == 1) {
$(obj.bkdata).each(function(index,item){
//index指下標
//item指代對應元素內容
//this指代每一個元素對象
//console.log(obj.bkdata[index]);
console.log(item);
//console.log($(this));
});
}else{
alert("數(shù)據(jù)有誤~");
};
//jquery each方法
$.each( obj.bkdata, function(index,item){
console.log(item);
});
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery操作DOM節(jié)點方法總結》、《jQuery遍歷算法與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
在網(wǎng)頁上只有一個小區(qū)域，但是說明性的文字又很長，下面這段腳本實現(xiàn)的是長文字的部分顯示，有類似需求的朋友可以參考下哈，希望對你有所幫助2013-05-05
淺談$(''div a'') 與$(''div>a'')的區(qū)別
下面小編就為大家?guī)硪黄獪\談$('div a') 與$('div>a')的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹
這篇文章主要介紹了jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
其實主要是想記錄一下這種對象的用法，喜歡的朋友可以參考下2012-02-02
jQuery插件是網(wǎng)頁設計師最喜歡的。從圖像滑塊，圖像畫廊和導航插件，它們是如此眾多，如此多樣，如此驚人的和互動可以制作美化網(wǎng)站2011-11-11
jquery實現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法
這篇文章主要介紹了jquery實現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法,涉及jquery操作頁面元素屬性與樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
jquery中獲得$.ajax()事件返回的值并添加事件的方法
如果想獲得$.ajax()中返回的值，直接用在success:funciton(){return xx} 是不可以的，要想獲得xx的值，要在script中，使用全局變量。利用全局變量引出xx的值。2010-04-04
這篇文章主要介紹了jQuery如何設置背景顏色，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了jquery實現(xiàn)可自動判斷位置的彈出層效果代碼,可實現(xiàn)根據(jù)鼠標位置進行合理的判斷并顯示彈出層的功能,涉及jQuery鼠標事件及頁面元素位置屬性的相關判定技巧,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jQuery操作動畫,結合完整實例形式分析了jquery針對頁面元素動畫效果相關實現(xiàn)技巧,涉及jquery slideUp與slideDown方法的使用,需要的朋友可以參考下2020-01-01