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 面向对象(三)接口代码
May 23 Javascript
JavaScript对象和字串之间的转换实例探讨
Apr 21 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
jQuery取id有.的值的方法
May 21 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
angular.bind使用心得
Oct 26 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
你可能不知道的前端算法之文字避让(inMap)
Jan 12 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 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如何执行非缓冲查询API
2016/07/22 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
jQuery 事件队列调整方法
2009/09/18 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
Python Socket编程入门教程
2014/07/11 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
对python中的logger模块全面讲解
2018/04/28 Python
python 重定向获取真实url的方法
2018/05/11 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
Python 寻找局部最高点的实现
2019/12/05 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
大学竞选班干部演讲稿
2014/08/21 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
红领巾广播站广播稿
2014/10/19 职场文书
三八妇女节主持词
2015/07/04 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
公司档案管理制度
2015/08/05 职场文书
化验室安全管理制度
2015/08/06 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL