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 函数调用规则
Sep 14 Javascript
bootstrap table 服务器端分页例子分享
Feb 10 Javascript
改变checkbox默认选中状态及取值的实现代码
May 26 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
javascript匀速动画和缓冲动画详解
Oct 20 Javascript
走进javascript——不起眼的基础,值和分号
Feb 24 Javascript
微信小程序多列选择器range-key使用详解
Mar 30 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
javascript合并两个数组最简单的实现方法
Sep 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
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php使用websocket示例详解
2014/03/12 PHP
php数组合并的二种方法
2014/03/21 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
laravel入门知识点整理
2020/09/15 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
ES6中Symbol类型用法实例详解
2017/04/06 Javascript
如何使用angularJs
2017/05/08 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
Python实现二维有序数组查找的方法
2016/04/27 Python
Python 读写文件和file对象的方法(推荐)
2016/09/12 Python
python对视频画框标记后保存的方法
2018/12/07 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
Linux的主要特性
2016/09/03 面试题
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
财务部岗位职责范本
2015/04/14 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL
MyBatis 动态SQL全面详解
2021/10/05 MySQL