<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>json数据的遍历</title>
<script src="http://jt.875.cn/js/jquery.js"></script>
<script>
$(function () {
//$.each(array,fn)对数组arry每个元素调用fn函数进行处理,没有返回值
var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" };
//json格式的对象(dict)
$.each(arr, function (key, value) {
alert(key + ":" + value);
});
//如果是普通风格的数组,则key的值是序号。
var tbody = "";
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
var obj = [{ "name": "项海军", "password": "123456"},{ "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;
});
//下面使用for进行遍历
/*for( var i in obj ){
var trs = "";
trs += "<tr><td>" + obj[i].name + "</td> <td>" + obj[i].password + "</td></tr>";
tbody += trs;
}
*/
/*
for( var i in obj ){
for(var k in obj[i]){
var tds = "";
tds += "<td>" + obj[i][k] + "</td>";
tbody += "<tr>"+ tds +"</tr>";
}
}*/
$("#project").append(tbody);
});
</script>
</head>
<body>
<div id="result"></div>
<div id="project"></div>
</body>
</html>
josn 数据的遍历
最新推荐文章于 2021-05-16 19:33:08 发布