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 相关文章推荐
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
js保存当前路径(cookies记录)
Dec 14 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
微信小程序tabBar底部导航中文注解api详解
Aug 16 Javascript
MVVM框架下实现分页功能示例
Jun 14 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 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语法基础
2016/01/01 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
Vue实现简单购物车功能
2020/12/13 Vue.js
python基础教程之lambda表达式使用方法
2014/02/12 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
pycharm中使用anaconda部署python环境的方法步骤
2018/12/19 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
Java面试题及答案
2012/09/08 面试题
描述内存分配方式以及它们的区别
2016/10/15 面试题
建筑行业的大学生自我评价
2013/12/08 职场文书
单位在职证明范本
2014/01/09 职场文书
5s推行计划书
2014/05/06 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
nginx proxy_cache 缓存配置详解
2021/03/31 Servers
python 实现mysql自动增删分区的方法
2021/04/01 Python
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
redis的list数据类型相关命令介绍及使用
2022/01/18 Redis
React更新渲染原理深入分析
2022/12/24 Javascript