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监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 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中变量及部分适用方法
2008/03/27 PHP
php文件缓存方法总结
2016/03/16 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
PHP递归的三种常用方式
2019/02/28 PHP
js自带函数备忘 数组
2006/12/29 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
Python实现二分查找算法实例
2015/05/26 Python
python 内置函数filter
2017/06/01 Python
Python内置模块logging用法实例分析
2018/02/12 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
python redis 删除key脚本的实例
2019/02/19 Python
Python的互斥锁与信号量详解
2019/09/12 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
初中三好学生事迹材料
2014/01/13 职场文书
小学后勤管理制度
2014/01/14 职场文书
纠风工作实施方案
2014/03/15 职场文书
高一作文之暖冬
2019/11/09 职场文书