使用jQuery.pager.js进行无刷新分页(当然想带刷新的话更简单)

首先添加脚本引用

<script src="JavaScript/jquery-1.2.6.min.js" type="text/javascript" ></script>
<script src="JavaScript/jquery.pager.js" type="text/javascript"></script>

<link href="Styles/Pager.css" rel="stylesheet" type="text/css" />

然后写javascript代码：

<mce:script type="text/javascript"><!-- $(document).ready(function() { $("#pager").pager({ pagenumber: 1, pagecount: <%=this.UserPageCount %>, buttonClickCallback: PageClick }); }); PageClick = function(pageclickednumber) { $("#pager").pager({ pagenumber: pageclickednumber, pagecount: <%=this.UserPageCount %>, buttonClickCallback: PageClick }); $.get("AjaxServer/UserMgr.ashx", { page: pageclickednumber, action: "getlist" }, function(data) { $("#pnlUserMain").html(data);}); } // --></mce:script>

最后一句代码是把当前页码提交到AjaxServer/UserMgr.ashx中去处理，

 function(data) {$("#pnlUserMain").html(data);}是提交并处理后要执行的方法，在这data是一个绑定好数据的repeater，当然也可以是其他的，pnlUserMain是用来接收data的。

还有一点要说的是，刚才提交地址(AjaxServer/UserMgr.ashx)拼错了，页面没有报告有错误，点下一页时整个页面没反应(错了肯定没有预期反应，o(∩_∩)o...哈哈)，调试了半天也没看见，最后正打算睡觉呢，猛然间看见UserMgr错写成了UsergMgr，还希望大家在遇到类似的没反应时仔细检查提交路径。

样式可以修改，原装的还算漂亮