先看效果图:
实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下:
一、数据库表结构:很简单 就四个字段 分别是news_id news_title news_time news_readtimes
二、前台页面代码:
复制代码 代码如下:
jquery无刷新分页
复制代码 代码如下:
id
标题
更新时间
点击量
三、页面后台文件这里主要是获取记录总数:
复制代码 代码如下:
public string pagecount = string.empty;//总条目数 protected void page_load(object sender, eventargs e)
{
if (!ispostback)
{
pagecount = new news().getnewscount();
}
}
四、最主要的是ajax处理程序:pagerhandler.ashx
复制代码 代码如下:
public class pagerhandler : ihttphandler
{
public void processrequest(httpcontext context)
{
context.response.contenttype = text/plain;
string str = string.empty;
int pageindex = convert.toint32(context.request[pageindex]);
int size = convert.toint32(context.request[pagesize]);
if (pageindex == 0)
{
pageindex = 1;
}
int count = 0; news n = new news();
list list = n.getnewslist(pageindex, size, ref count);
stringbuilder sb = new stringbuilder();
foreach (news p in list)
{
sb.append();
sb.append(p.news_id);
sb.append( );
sb.append(+p.news_title+);
sb.append( );
sb.append(p.news_time);
sb.append( );
sb.append(p.news_readtimes);
sb.append(
);
}
str = sb.tostring();
context.response.write(str);
}
public bool isreusable
{
get
{
return false;
}
}
}