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控件
May 07 Javascript
js判断手机号运营商的方法
Oct 23 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
jQuery事件详解
Feb 23 Javascript
详解Node.js开发中的express-session
May 19 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
Jan 04 Javascript
详解vue组件基础
May 04 Javascript
Vue实现table上下移动功能示例
Feb 21 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
angular异步验证器防抖实例详解
Mar 31 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表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
PHP生成唯一订单号
2015/07/05 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
js 深拷贝函数
2008/12/04 Javascript
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
2020/12/08 Vue.js
[01:29:31]VP VS VG Supermajor小组赛胜者组第二轮 BO3第一场 6.2
2018/06/03 DOTA
Python中实现对list做减法操作介绍
2015/01/09 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
Python计算字符宽度的方法
2016/06/14 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
python实现小球弹跳效果
2019/05/10 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
python使用建议与技巧分享(二)
2020/08/17 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
标记环介质访问控制协议
2016/03/27 面试题
客户代表自我评价范例
2013/09/24 职场文书
计算机开发个人求职信范文
2013/09/26 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
2015中秋祝酒词
2015/08/12 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python