jQuery遍历json的方法分析


Posted in Javascript onApril 16, 2016

本文实例分析了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程序设计有所帮助。

Javascript 相关文章推荐
基于JQUERY的多级联动代码
Jan 24 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
jquery对dom节点的操作【推荐】
Apr 15 #Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 #Javascript
有关jquery与DOM节点操作方法和属性记录
Apr 15 #Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 #Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 #Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 #Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
Apr 15 #Javascript
You might like
提高PHP编程效率 引入缓存机制提升性能
2010/02/15 PHP
php中实现记住密码自动登录的代码
2011/03/02 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
在Python中利用Into包整洁地进行数据迁移的教程
2015/03/30 Python
python处理二进制数据的方法
2015/06/03 Python
Python图算法实例分析
2016/08/13 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
中国医药集团国药在线:国药网
2017/02/06 全球购物
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
大学毕业的自我鉴定
2013/10/08 职场文书
仓库理货员岗位职责
2013/12/18 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
2014年党支部工作总结
2014/11/13 职场文书
男方婚前保证书
2015/02/28 职场文书
2015年工程部工作总结
2015/04/30 职场文书
复活读书笔记
2015/06/29 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
python ansible自动化运维工具执行流程
2021/06/24 Python
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/06 PostgreSQL
Java 异步任务计算FutureTask
2022/04/28 Java/Android
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python