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 相关文章推荐
window.print打印指定div实例代码
Dec 13 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
解决js图片加载时出现404的问题
Nov 30 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
全面解析vue中的数据双向绑定
May 10 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
修改vue+webpack run build的路径方法
Sep 01 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 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生成sitemap.xml地图函数
2013/11/13 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
JavaScript 验证码的实例代码(附效果图)
2013/03/22 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
详释JavaScript执行环境与执行栈
2019/04/02 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
python实现ftp客户端示例分享
2014/02/17 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
Python实现图片转字符画的示例
2017/08/22 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
python实现五子棋人机对战游戏
2020/03/25 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
Skechers越南官方网站:来自美国的运动休闲品牌
2021/02/22 全球购物
精彩的大学生自我评价
2013/11/17 职场文书
《海伦?凯勒》教学反思
2014/04/17 职场文书
公司离职证明标准格式
2014/11/18 职场文书
mysql sql常用语句大全
2022/06/21 MySQL