<!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 數據的遍歷
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.