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 相关文章推荐
JavaScript 异步调用框架 (Part 2 - 用例设计)
Aug 03 Javascript
jQuery学习2 选择器的使用说明
Feb 07 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
详解如何使用webpack+es6开发angular1.x
Aug 16 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 Javascript
Postman动态获取返回值过程详解
Jun 30 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
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
DWR Ext 加载数据
2009/03/22 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
js实现的牛顿摆效果
2015/03/31 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
提高Node.js性能的应用技巧分享
2017/08/10 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
大三毕业自我鉴定
2014/01/15 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
校园安全教育广播稿
2014/02/17 职场文书
市场开发计划书
2014/05/07 职场文书
检讨书格式
2015/05/07 职场文书
九九重阳节致辞
2015/07/31 职场文书
导游词之太原天龙山
2020/01/02 职场文书
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python