这篇文章给大家介绍怎么在asp.net项目中利用AJAX实现一个无刷新分页功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
查询功能是开发中最重要的一个功能,大量数据的显示,我们用的最多的就是分页。
在asp.net中有很多数据展现的控件,比如中继器,显示数据表格,用的最多的显示数据表格,它同时也自带了分页的功能。但是我们知道用显示数据表格来显示数据,如果没有禁用视图状态,页面的大小会是非常的大的。而且平时我们点击首页,下一页,上一页,尾页这些功能都是会引起页面回发的,也就是需要完全跟服务器进行交互,来回响应的时间,传输的数据量都是很大的。
AJAX的分页可以很好的解决这些问题。
数据显示Pasing.aspx页面JS代码:,,
代码如下:
& lt;脚本类型=text/javascript>
,,,,,,var pageIndex=0;
,,,,,,var页大?5;
窗口。onload=AjaxGetData(名称、0 5);
函数AjaxGetData(名称、指数大小){
,,,,,,,美元. ajax ({
,,,,,,,,,,,url: jQueryPaging.aspx,
,,,,,,,,,,,类型:,
,,,,,,,,,,,数据:Name=+名字+,PageIndex=+指数+,页大?+大小,
,,,,,,,,,,,数据类型:json,
,,,,,,,,,,,成功:功能(数据){
,,,,,,,,,,,,,,,var htmlStr=,
,,,,,,,,,,,,,,,htmlStr +=
,,,,,,,,,,,,,,,htmlStr +=
,,,,,,,,,,,,,,,htmlStr +=
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,,,//data.cloudfileLists.length
,,,,,,,,,,,,,,,(var=0;我& lt;data.cloudfileLists.length;我+ +)
,,,,,,,,,,,,,,,{
,,,,,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,,,,,htmlStr +=
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,+
,,,,,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,}
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=,
,,,,,,,,,,,,,,,htmlStr +=& lt; table> & lt; thead> & lt; tr> & lt; td>编号& lt;/td> & lt; td>文件名& lt;/td> & lt;/tr> & lt;/thead> & lt; tbody> & lt; tr> & lt; td>+ data.cloudfileLists[我]。文件标识+ & lt;/td> & lt; td>+ data.cloudfileLists[我]。文件名+ & lt;/td> & lt;/tr> & lt;/tbody> & lt; tfoot> & lt; tr> & lt; td colspan=? # 39; 6 & # 39;“在
,,,,,,,,,,,,,,,htmlStr +=& lt; span>共有记录+数据。数+;共& lt;跨度id=? # 39;计数# 39;“比;+(数据。数% 5==0 ?方法(数据。数/5):方法(数据。数/5 + 1)+ & lt;/span>页+ & lt;/span>;
,,,,,,,,,,,,,,,htmlStr +=首,,,页,,,
,,,,,,,,,,,,,,,htmlStr +=前一页,,,
,,,,,,,,,,,,,,,htmlStr +=后一页,,,
,,,,,,,,,,,,,,,htmlStr +=尾,,,页,,,
,,,,,,,,,,,,,,,null
