网络编程 
首页 > 网络编程 > 浏览文章

jQuery遍历json的方法(推荐)

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )
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的函数里面,所有的遍历操作都是在这里面操作的:

for循环:

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("数据有误~"); 
}; 

for in 循环:

//for in循环 
for(x in obj.bkdata){ 
//x表示是下标,来指定变量,指定的变量可以是数组元素,也可以是对象的属性。 
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("数据有误~"); 
}; 
//jquery each方法
$.each( obj.bkdata, function(index,item){ 
console.log(item); 
}); 

jQuery的ajax和遍历json数组代码如下所示:

jQuery.ajax({ 
type: "POST", 
url: "server.json", 
dataType:'json', 
data: "", 
success: function(msg){ 
var title = ""; 
jQuery.each(msg,function(key,value){ 
alert(value.ec_id+" "+value.ec_title); 
}) 
} 
});

上一篇:JavaScript解八皇后问题的方法总结
下一篇:jQuery移动端图片上传组件
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap