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中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
Node.js Express安装与使用教程
May 11 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
浅析js中mvvm模式实现的原理
Oct 06 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 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
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
js 格式化时间日期函数小结
2010/03/20 Javascript
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
解决jQuery插件tipswindown与hintbox冲突
2010/11/05 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
利用Python学习RabbitMQ消息队列
2015/11/30 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
python如何实现从视频中提取每秒图片
2020/10/22 Python
django做form表单的数据验证过程详解
2019/07/26 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
python异常处理try except过程解析
2020/02/03 Python
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
英国Amara家居法国网站:家居装饰,现代装饰和豪华礼品
2016/12/15 全球购物
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
Pop In A Box英国:Funko POP搪胶公仔
2019/05/27 全球购物
搞笑获奖感言
2014/01/30 职场文书
军训 自我鉴定
2014/02/03 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
运动会开幕式主持词
2015/07/01 职场文书
2019各种承诺书范文
2019/06/24 职场文书
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python
MySQL 计算连续登录天数
2022/05/11 MySQL