jquery遍历json数组

一、使用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;

}

PS：这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：

http://tools.jb51.net/code/json

JSON在线格式化工具：

http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：

http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：

http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：

http://tools.jb51.net/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具：

http://tools.jb51.net/code/ccode_html_css_json

如对本文有疑问，请提交到交流社区，广大热心网友会为你解答！！ 点击进入社区

您可能感兴趣的文章:

• 浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
• 用javascript对一个json数组深度赋值示例
• JS解析json数据并将json字符串转化为数组的实现方法
• 以JSON形式将JS中Array对象数组传至后台的方法
• js实现数组转换成json
• 解析javascript 数组以及json元素的添加删除
• js数组如何添加json数据及js数组与json的区别
• jquery遍历筛选数组的几种方法和遍历解析json对象
• json对象与数组以及转换成js对象的简单实现方法
• jquery下json数组的操作实现代码
• JSON用法之将PHP数组转JS数组，JS如何接收PHP数组
• JS实现给json数组动态赋值的方法示例