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 相关文章推荐
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
简述JS控制台的使用
Jul 15 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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
默默简单的写了一个模板引擎
2007/01/02 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
php适配器模式简单应用示例
2019/10/23 PHP
javascript之更有效率的字符串替换
2008/08/02 Javascript
JavaScript 动态创建VML的方法
2009/10/14 Javascript
js计算精度问题小结
2013/04/22 Javascript
js渐变显示渐变消失示例代码
2013/08/01 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
python爬取指定微信公众号文章
2018/12/20 Python
python 实现敏感词过滤的方法
2019/01/21 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
介绍一下Ruby的特点
2013/01/20 面试题
毕业生就业推荐信范文
2013/12/01 职场文书
《都江堰》教学反思
2014/02/07 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2015安全保卫工作总结
2015/04/25 职场文书