JSON 简单应用实例
View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jqueryPager/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script type="text/javascript">
var tbody = "";
function aa() {
var m = { "loaf": [{ "CategoryID": "1", "CategoryName": "Beverages", "Description": "Soft drinks, coffees, teas, beers, and ales", "Picture": "System.Byte[]" }, { "CategoryID": "2", "CategoryName": "Condiments", "Description": "Sweet and savory sauces, relishes,spreads, and seasonings", "Picture": "System.Byte[]"}] };
$.each(m.loaf, function (i, n) {
var str = "";
str += "<tr><td>" + n.CategoryID + "</td>" + "<td>" + n.CategoryName + "</td></tr>";
tbody += str;
});
$("#productTable").append(tbody);
}
</script>
</head>
<body onload="aa()">
<table cellpadding=5 cellspacing=1 width=620 id="productTable" align=center>
<tr>
<th style="width:100px"><a>orderid</a></th>
<th style="width:200px"><a>customerid</a></th>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jqueryPager/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script type="text/javascript">
var tbody = "";
function aa() {
var m = { "loaf": [{ "CategoryID": "1", "CategoryName": "Beverages", "Description": "Soft drinks, coffees, teas, beers, and ales", "Picture": "System.Byte[]" }, { "CategoryID": "2", "CategoryName": "Condiments", "Description": "Sweet and savory sauces, relishes,spreads, and seasonings", "Picture": "System.Byte[]"}] };
$.each(m.loaf, function (i, n) {
var str = "";
str += "<tr><td>" + n.CategoryID + "</td>" + "<td>" + n.CategoryName + "</td></tr>";
tbody += str;
});
$("#productTable").append(tbody);
}
</script>
</head>
<body onload="aa()">
<table cellpadding=5 cellspacing=1 width=620 id="productTable" align=center>
<tr>
<th style="width:100px"><a>orderid</a></th>
<th style="width:200px"><a>customerid</a></th>
</tr>
</table>
</body>
</html>
个人签名:天行健,君子以自强不息