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 相关文章推荐
根据分辨率不同,调用不同的css文件
Jul 07 Javascript
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
JavaScript获取当前url路径过程解析
Dec 27 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
Aug 12 Javascript
原生JavaScript实现简单五子棋游戏
Jun 28 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框架Phpbean说明
2008/01/10 PHP
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
Shell编程面试题
2016/05/29 面试题
普通简短的个人自我评价
2014/02/15 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
明信片寄语大全
2014/04/08 职场文书
施工质量承诺书范文
2014/05/30 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers