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+xml技术实现分页浏览
Jul 27 Javascript
jquery 简短右键菜单 多浏览器兼容
Jan 01 Javascript
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
浅谈JS如何实现真正的对象常量
Jun 25 Javascript
vue+高德地图写地图选址组件的方法
May 18 Javascript
JS中的模糊查询功能
Dec 08 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
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 array_flip() 删除数组重复元素
2009/01/14 PHP
10个实用的PHP代码片段
2011/09/02 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
[45:25]完美世界DOTA2联赛循环赛 PXG vs IO 第一场 11.06
2020/11/09 DOTA
Python字符转换
2008/09/06 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
浅谈Python基础之I/O模型
2017/05/11 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
Python实现的rsa加密算法详解
2018/01/24 Python
django2.0扩展用户字段示例
2019/02/13 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
pycharm 2019 最新激活方式(pycharm破解、激活)
2020/09/22 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
浅析python中的del用法
2020/09/02 Python
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
什么是典型的软件三层结构?软件设计为什么要分层?软件分层有什么好处?
2012/03/14 面试题
探亲假请假条
2014/04/11 职场文书
工作粗心大意检讨书
2014/09/18 职场文书
委托书的样本
2015/01/28 职场文书
详细聊聊vue中组件的props属性
2021/11/02 Vue.js
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL