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代码
Mar 25 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
Mar 04 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
vue 兄弟组件的信息传递的方法实例详解
Aug 30 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递归调用与静态变量使用
2012/12/16 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
[02:43]DOTA2英雄基础教程 圣堂刺客
2013/12/09 DOTA
matplotlib实现区域颜色填充
2019/03/18 Python
python3调用windows dos命令的例子
2019/08/14 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
英语专业毕业生自荐信范文
2013/12/31 职场文书
yy司仪主持词
2014/03/22 职场文书
公司活动总结怎么写
2014/06/25 职场文书
校长四风对照检查材料
2014/09/27 职场文书
大学生自荐信范文
2015/03/05 职场文书
教师见习总结范文
2015/06/23 职场文书
师范生小学见习总结
2015/06/23 职场文书
七年级思品教学反思
2016/02/20 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python