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 相关文章推荐
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
实现点击列表弹出列表索引的两种方式
Mar 08 Javascript
使用js写的一个简易的投票
Nov 27 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
Aug 13 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
微信小程序自定义组件
Aug 16 Javascript
js实现下拉框二级联动
Dec 04 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模拟post提交数据的方法
2015/02/12 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
JavaScript中创建对象的7种模式详解
2017/02/21 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
小程序如何支持使用 async/await详解
2019/09/12 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
六个窍门助你提高Python运行效率
2015/06/09 Python
使用python实现rsa算法代码
2016/02/17 Python
Python get获取页面cookie代码实例
2018/09/12 Python
Python datetime包函数简单介绍
2019/08/28 Python
python 内置函数汇总详解
2019/09/16 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
Python lxml库的简单介绍及基本使用讲解
2020/12/22 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
学生学习总结的自我评价
2013/10/22 职场文书
个人简历自我评价范文
2014/02/04 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
保安岗位职责
2014/02/21 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
党员承诺书范文2015
2015/04/27 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
开学典礼观后感
2015/06/15 职场文书
开学典礼致辞
2015/07/29 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers