jQuery遍历json的方法(推荐)


Posted in Javascript onJune 12, 2016
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 相关文章推荐
Json对象替换字符串占位符实现代码
Nov 17 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
jQuery的ready方法详解
Nov 27 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
理解javascript中DOM事件
Dec 25 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
ios中视频的最后一桢问题解决
May 14 Javascript
jQuery移动端图片上传组件
Jun 12 #Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 #Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
Jun 12 #Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 #Javascript
JS中常用的输出方式(五种)
Jun 12 #Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 #Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 #Javascript
You might like
使用Apache的rewrite技术
2006/06/22 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
php数组中删除元素的实现代码
2012/06/22 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
php中的strpos使用示例
2014/02/27 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
用javascript实现自定义标签
2007/05/08 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
AngularJS学习笔记之表单验证功能实例详解
2017/07/06 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python实现端口检测的方法
2018/07/24 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
Python设计模式之原型模式实例详解
2019/01/18 Python
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
我就是这样学习Python中的列表
2019/06/02 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
html5绘制时钟动画
2014/12/15 HTML / CSS
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
物资采购方案
2014/06/12 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
2014年教研组工作总结
2014/11/26 职场文书
校长个人总结
2015/03/03 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
晚会开幕词范文
2016/03/04 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS