6 回答
TA贡献1794条经验 获得超8个赞
如果你对你想做的事情有一点描述性,那将会很有帮助。如果您尝试生成分页数据,则有一些选项可用于执行此操作。您可以为希望能够直接访问的每个页面生成单独的链接。
<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...
请注意,示例中的当前页面在代码和CSS中的处理方式不同。
如果你想通过AJAX改变分页数据,这就是jQuery的用武之地。你要做的是为每个对应不同页面的锚标签添加一个点击处理程序。此单击处理程序将调用一些jQuery代码,通过AJAX获取下一页并使用新数据更新表。下面的示例假定您有一个返回新页面数据的Web服务。
$(document).ready( function() {
$('a.pager-link').click( function() {
var page = $(this).attr('href').split(/\?/)[1];
$.ajax({
type: 'POST',
url: '/path-to-service',
data: page,
success: function(content) {
$('#myTable').html(content); // replace
}
});
return false; // to stop link
});
});
添加回答
举报