JQuery怎么遍历json数组
程序员文章站
2022-03-07 11:11:30
...
JQuery遍历json数组的方法:1、使用each遍历,代码为【$.each(obj, function (n, value) {alert(n + ''】;2、jquery遍历解析json对象1,代码为【for(var key in】。
本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。
推荐:jquery视频教程
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; }
相关免费学习推荐:js视频教程
以上就是JQuery怎么遍历json数组的详细内容,更多请关注其它相关文章!
上一篇: webstorm不识别react怎么办
下一篇: 混合开发可以用react吗
推荐阅读
-
通过Jquery遍历Json的两种数据结构的实现代码_jquery
-
怎么实现springmvc接收jquery提交的数组后提取数据
-
怎么合并2个JSON数组
-
js/jquery解析json和数组格式的方法详解_javascript技巧
-
jquery如何遍历数组
-
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
-
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
-
json数组怎么写(js创建json对象数组)
-
jquery遍历元素的方法(讲解jquery循环遍历数组)