宝哥软件园

JQuery与数据实现的无刷新分页代码

编辑:宝哥软件园 来源:互联网 时间:2021-10-17

如图

而无刷新分页可以解决这个问题,上面播放着视频,下面我点下一页看着评论,现在大部分的网站都是无刷新分页。源码如下(我是采用一页显示10条记录): 需要四个文件一个实体类文件categoryinformodel。铯一个SqlHelper SQLHelper.cs一个创建交互式、快速动态网页应用的网页开发技术服务端处理程序PagedService.ashx一个客户端调用页面WSXFY.htm分类模型和SQLHelper.cs我就不写了,都知道是什么文件PagedService.ashx代码如下复制代码代码如下:使用系统网络。剧本。序列化;公共无效进程请求(HttpContext上下文){上下文.响应。内容类型='文本/纯文本;字符串strAction=上下文。请求['操作'];//取页数if(StrAction==' GetPageCOunt '){ string STrsql=' SELECT COUNT(*)FROM CategoryInfo ';int intRecordCount=SqlHelper .执行标量(STrsql);int IntPageCount=IntCordcount/10;if(intercardcount % 10!=0){ intPageCount;}上下文。响应。写入(intPageCount);}//取每页数据else if(StrAction==' GetPageDATa '){ string Strpagenum=context .请求[' PageNum '];int intPageNum=转换.至t32(Strpagenum);int intstartrownindex=(intpagenum-1)* 10 ^ 1;int intendowindex=(intpagenum)* 10 ^ 1;字符串strSQL=' SELECT * FROM(选择标识、类别名称、行号())OVER(按标识排序来自类别的行编号;strSQL=' WHERE t . row num=' intstartrownindex '和t . row num=' intendrownindex数据集ds=新数据集();SqlConnection conn=SqlHelper .GetConnection();ds=SqlHelper .执行数据集(连接,命令类型.Text,STrsql);listcategorinformel categoryinfo _ list=new listcategorinformel();//定义实体集合for(int I=0;我拒绝了。表[0].行。计数;I){ categoryinfodel categoryinfo=new categoryinfodel();categoryinfo .CategoryInfoID=转换到t32(ds .表[0]。行[I][' ID ']);categoryinfo .CategoryName=ds .表[0]。行[i]['CategoryName'].ToString();categoryinfo _ list .add(categoryinfo);} JavaScript Serializer jss=new JavaScript Serializer();语境。回应。写(jss .serialize(categorinfo _ list));//序列化实体集合为爪哇岛描述语言对象} } WSXFY.htm代码如下复制代码代码如下:标题无刷新分页/title脚本类型=' text/JavaScript ' src=' http :/Scripts/jquery-1。5 .1 .量滴js/脚本脚本类型=' text/JavaScript ' $(function(){ $).post('PagedService.ashx ',{ 'Action': 'GetPageCount' }),function (response,status){ for(var I=1;i=响应;I){ var TD=$(' TDA href=' ' ' I '/a/TD ');$('#trPage ').追加(TD);道明。单击(函数(e){ e . prevent default();//不要导向链接$.post('PagedService.ashx ',{ 'Action': 'GetPageData ',' PageNum':$(this).text() },function(响应,状态){ var category ys=$ .parseJSON(响应);$('#ulCategory ').empty();for(var I=0;长度;I){ var类别=类别ys[I];var li=$('li '类别categoryinfiad '-'类别类别名称'/Li ');$('#ulCategory ').追加(李);} });});} });});/script/head body ul id=' ulCategory '/ul table tr id=' trPage '/tr/table/body/html效果如下(页面好不好看取决于你画数字正射影像图的水平了,我这里只是简单的画了画)9501.163.com

更多资讯
游戏推荐
更多+