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>
posted @ 2011-07-29 00:10  lance2008  阅读(209)  评论(0编辑  收藏  举报