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 脚本的加载与执行
Apr 19 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
整理Javascript基础入门学习笔记
Nov 29 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
js实现菜单跳转效果
Dec 11 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
python开发中range()函数用法实例分析
2015/11/12 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
django用户登录验证的完整示例代码
2019/07/21 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
Python定义一个Actor任务
2020/07/29 Python
Python如何实现远程方法调用
2020/08/07 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
面试后的感谢信范文
2014/02/01 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python