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应用之禁止抓屏、复制、打印
Feb 21 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
swiper自定义分页器的样式
Sep 14 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 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 var_dump()函数的详解
2013/06/05 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
JS跨域问题详解
2014/11/25 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
Python 初始化多维数组代码
2008/09/06 Python
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
linux 下实现python多版本安装实践
2014/11/18 Python
python3实现windows下同名进程监控
2018/06/21 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
python设置环境变量的原因和方法
2019/06/24 Python
PyQt5下拉式复选框QComboCheckBox的实例
2019/06/25 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
Python3爬虫关于识别点触点选验证码的实例讲解
2020/07/30 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
大学毕业生的自我鉴定
2013/11/30 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
好人好事演讲稿
2014/09/01 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书