jQuery遍历json的方法(推荐)

 更新时间:2016年06月12日 17:23:38   作者:且行且思  
这篇文章主要介绍了jQuery遍历json的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
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); 
}) 
} 
});

相关文章

  • 基于jquery编写的放大镜插件

    基于jquery编写的放大镜插件

    这篇文章主要为大家详细介绍了基于jquery编写的放大镜插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jquery操作select详解(取值,设置选中)

    jquery操作select详解(取值,设置选中)

    本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 基于JQuery的Pager分页器实现代码

    基于JQuery的Pager分页器实现代码

    页面分页对于程序员来说最熟悉不过,在WEB开发中经常需要对页面进行分页,jQuery插件JQuery Pager分页器能轻松实现javascript分页功能,只需要几行代码,javascript分页简单搞定。
    2010-07-07
  • jQuery实用技巧必备(中)

    jQuery实用技巧必备(中)

    这篇文章主要介绍了jQuery必不可少的小技巧,这些小技巧就像是创建的快捷方式,可以帮助大家快速开发,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

    jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件HighCharts实现的2D回归直线散点效果,结合实例形式分析了jQuery基于HighCharts插件绘制直线散点图形的具体相关操作步骤与实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jquery ui dialog实现弹窗特效的思路及代码

    jquery ui dialog实现弹窗特效的思路及代码

    这篇文章介绍了jquery ui dialog实现弹窗特效的思路及代码,有需要的朋友可以参考一下
    2013-08-08
  • 贴近用户体验的Jquery日期、时间选择插件

    贴近用户体验的Jquery日期、时间选择插件

    本文给大家分享一款贴近用户体验的Jquery日期、时间选择插件,需要的朋友可以参考下
    2015-08-08
  • jQuery实现简单飞机大战

    jQuery实现简单飞机大战

    这篇文章主要为大家详细介绍了jQuery实现简单飞机大战,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • jquery-ui 进度条功能示例【测试可用】

    jquery-ui 进度条功能示例【测试可用】

    这篇文章主要介绍了jquery-ui 进度条功能,结合完整实例形式分析了jquery-ui 结合时间函数实现进度条功能相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • jquery操作cookie插件分享

    jquery操作cookie插件分享

    在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件
    2014-01-01

最新评论