jQuery遍历json的方法(推荐)

前端技术 2023/09/03 JavaScript 
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); 
}) 
} 
});

本文地址：https://www.stayed.cn/item/8528

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案