jquery怎么动态实现表格分页
2016-04-07 · 百度知道合伙人官方认证企业
育知同创教育
jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。
下面是使用方法：
$(".tcdPageCode").createPage({
pageCount:10,
current:1,
backFn:function(p){
//单击回调方法，p是当前页码
}
});
pageCount：总页数
current：当前页
实现分页的tab如下：
<div class="tcdPageCode">
<span class="disabled">上一页</span>
<span class="current">1</span>
<a href="javascript:;" class="tcdNumber">2</a>
<a href="javascript:;" class="tcdNumber">3</a>
<a href="javascript:;" class="tcdNumber">4</a>
<span>...</span>
<a href="javascript:;" class="tcdNumber">6</a><a href="javascript:;" class="nextPage">下一页</a></div>
实现效果：
利用Ajax获取服务器数据，实现分页功能。
ajax请求代码：
$.ajax({
type: "post",
contentType: "application/json",
url: "../Backstage/AdminService.asmx/GetAdminList",
data: JSON.stringify({ Name: user}),
success: function (result) {
var json = eval('(' + result.d + ')');
reTB(json.ds);
},
error: function (response) {
var r = jQuery.parseJSON(response.responseText);
alert("Message: " + r.Message);
}
})在表格下面放置按钮“上一页”、“下一页”，当点击的时候执行上面的请求代码，再将返回的数据填充到表格中。
POST方法可以是多样的，你可以写到aspx页面的后台进行处理，也可以建一个一般处理程序，WCF、服务器引用等。
提示：当你点击下一页的时候肯定要判断当前的页面是第几页，所以在页面中要进行保存。
如有不明之处，请继续追问，望采纳！
