Rumah >hujung hadapan web >tutorial js >JQuery怎么遍历json数组
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视频教程
Atas ialah kandungan terperinci JQuery怎么遍历json数组. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!