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 相关文章推荐
JS隐藏参数post传值实例
Apr 18 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
详解AngularJS实现表单验证
Dec 10 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
JavaScript使用ul中li标签实现删除效果
Apr 15 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
JavaScript中作用域链的概念及用途讲解
Aug 06 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
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
js的with语句使用方法
2007/09/21 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
解析Javascript中难以理解的11个问题
2013/12/09 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
jquery访问ashx文件示例代码
2014/08/11 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
jquery实现简单的遮罩层
2016/01/08 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
如何对python的字典进行排序
2020/06/19 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
python 中的命名空间,你真的了解吗?
2020/08/19 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
办公设备采购方案
2014/03/16 职场文书
丧事主持词大全
2014/04/02 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
python如何正确使用yield
2021/05/21 Python
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python