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 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
Sep 25 Javascript
VUE动态生成word的实现
Jul 26 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 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
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
实例讲解PHP表单
2020/06/10 PHP
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
javascript事件冒泡简单示例
2016/06/20 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
使用Nginx+uWsgi实现Python的Django框架站点动静分离
2016/03/21 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
Python如何读写字节数据
2020/08/05 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
互动出版网:专业书籍
2017/03/21 全球购物
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
法律专业自我鉴定
2013/10/03 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
晚会开幕词
2015/01/28 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
python绘制箱型图
2021/04/27 Python
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技