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实现自定义标签
May 08 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
react开发中如何使用require.ensure加载es6风格的组件
May 09 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
JS实现页面鼠标点击出现图片特效
Aug 19 Javascript
vue打开其他项目页面并传入数据详解
Nov 25 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+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
jQuery Ajax 全解析
2009/02/08 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
python实现定时发送qq消息
2019/01/18 Python
pyqt5实现按钮添加背景图片以及背景图片的切换方法
2019/06/13 Python
python实现画出e指数函数的图像
2019/11/21 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
白色公司:The White Company
2017/10/11 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
简易版租房协议书范本
2014/10/13 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书