JQuery遍历json数组的3种方法


Posted in Javascript onNovember 08, 2014

一、使用each遍历

     $(function () {
           var tbody = "";

           //------------遍历对象 .each的使用-------------

           //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)

           var obj = [{ "name": "项海军", "password": "123456"}];

           $("#result").html("------------遍历对象 .each的使用-------------");

           alert(obj); //是个object元素

           //下面使用each进行遍历

           $.each(obj, function (n, value) {

               alert(n + ' ' + value);

               var trs = "";

               trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";

               tbody += trs;

           });
           $("#project").append(tbody);
       });

二、jquery遍历解析json对象1:

 var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];

 for(var i=0,l=json.length;i<l;i++){

    for(var key in json[i]){

        alert(key+':'+json[i][key]);

    }

 }

三、jquery遍历解析json对象2

有如下 json对象:

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};

遍历方法:
for(var p in obj){

    str = str+obj[p]+',';

    return str;

}
Javascript 相关文章推荐
firefox firebug中文入门教程 脚本之家新年特别版
Jan 02 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
微信小程序 获取设备信息 API实例详解
Oct 02 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
Aug 31 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 #Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 #Javascript
jQuery遍历对象、数组、集合实例
Nov 08 #Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 #Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 #Javascript
JavaScript中判断整数的多种方法总结
Nov 08 #Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 #Javascript
You might like
关于时间计算的结总
2006/12/06 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
鼠标图片振动代码
2006/07/06 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
jquery实现无限分级横向导航菜单的方法
2015/03/12 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
社会调查研究计划书
2014/05/01 职场文书
产品生产计划书
2014/05/07 职场文书
个人委托书
2014/07/31 职场文书
超市周年庆活动方案
2014/08/16 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
小学元宵节活动总结
2015/02/06 职场文书
三潭印月的导游词
2015/02/12 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android