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 相关文章推荐
javascript 继承实现方法
Aug 26 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
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
PHP页面中文乱码分析
2013/10/29 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
微信小程序商城项目之淘宝分类入口(2)
2017/04/17 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
从零学Python之入门(二)基本数据类型
2014/05/25 Python
win10系统中安装scrapy-1.1
2016/07/03 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
详谈在flask中使用jsonify和json.dumps的区别
2018/03/26 Python
python使用tornado实现登录和登出
2018/07/28 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
Python实现图像的垂直投影示例
2020/01/17 Python
Python中有几个关键字
2020/06/04 Python
软件测试企业面试试卷
2016/07/13 面试题
PyQt QMainWindow的使用示例
2021/03/24 Python
宾馆总经理岗位职责
2014/02/14 职场文书
先进员工获奖感言
2014/08/14 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
导游词之临安白水涧
2019/11/05 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
python实现Nao机器人的单目测距
2021/09/04 Python
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android