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里的条件判断
Feb 27 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
react-native动态切换tab组件的方法
Jul 07 Javascript
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
微信小程序url传参写变量的方法
Aug 09 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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框架Swoole定时器Timer特性分析
2014/08/19 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
初识PHP中的Swoole
2016/04/05 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
给Function做的OOP扩展
2009/05/07 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python实现逻辑回归的方法示例
2017/05/02 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
Python是怎样处理json模块的
2020/07/16 Python
Python类型转换的魔术方法详解
2020/12/23 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
C#里面如何判断一个Object是否是某种类型(如Boolean)?
2016/02/10 面试题
《童趣》教学反思
2014/02/19 职场文书
初中班主任评语大全
2014/04/24 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
婚育证明样本
2015/06/16 职场文书
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android