分页查询产品信息案例;第一步：创建产品页面，向服务器发送请求（获取所有产品信息）

1.1． 完成所有产品的查询操作

第一步：创建产品页面，向服务器发送请求（获取所有产品信息）

示例：

<script>

//页面加载完成后，需要向服务器发送请求，来获取产品信息，在table中显示出来

var url = "/请求服务器的路径"

$.post(url, function(data) {

var jsonObj=eval(data);

//将json数据遍历转换成对应的html代码插入到table中

// 完成html的拼接

var html="";

for(var i=0;i<jsonObj.length;i++){

html +="<tr>"

html +="<td>"+jsonObj[i].id+"</td><td>"+jsonObj[i].name+"</td><td>"+jsonObj[i].count+"</td><td>"+jsonObj[i].price+"</td>";

html +="</tr>";

}

$.("#tab").append(html);

});

$(function() {

 

});

</script>