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中typeof的用途介绍
Apr 11 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
Feb 21 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
Apr 20 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
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
PHP 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
将时间以距今多久的形式表示,PHP,js双版本
2012/09/25 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
强制PHP命令行脚本单进程运行的方法
2014/04/15 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
2013/08/14 Javascript
jquery foreach使用示例
2013/09/12 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python数据结构之图的实现方法
2015/07/08 Python
python如何在终端里面显示一张图片
2016/08/17 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
详解python datetime模块
2020/08/17 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
奥地利智能家居和智能生活网上商店:tink.at
2019/10/07 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
警校毕业生自我评价
2014/04/06 职场文书
小学教育见习报告
2014/10/31 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
python之django路由和视图案例教程
2021/07/26 Python