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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
Nov 03 Javascript
利用javascript移动div层-javascript 拖动层
Mar 22 Javascript
js null undefined 空区别说明
Jun 13 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
vue.js实现带日期星期的数字时钟功能示例
Aug 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用GD库生成高质量的缩略图片
2011/03/09 PHP
解析php中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
Python中property属性实例解析
2018/02/10 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
python2.7读取文件夹下所有文件名称及内容的方法
2018/02/24 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
python判断数字是否是超级素数幂
2018/09/27 Python
python使用Qt界面以及逻辑实现方法
2019/07/10 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
Html5监听手机摇一摇事件的实现
2019/11/07 HTML / CSS
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
爱国主义演讲稿
2014/05/07 职场文书
关于感恩的演讲稿500字
2014/08/26 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书