×

记下笔记:jQuery遍历json的方法

作者:web1762017.04.14来源:Web前端之家浏览:10911评论:0
关键词:JQueryJS

记下笔记: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的函数里面,所有的遍历操作都是在这里面操作的:

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); 
}) 
} 
});

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1485446400899.html

网友评论文明上网理性发言 已有0人参与

发表评论: