无刷新分页的ajax实例代码

先看看效果图：


实现该原则很简单，使用jquery.pagination插件，每当页面代码是异步服务器从页中删除数据，简单介绍如下：
首先，数据库表结构：很简单，四场news_id news_title news_time news_readtimes，分别

二、首页代码：
复制代码代码如下所示：

没有刷新分页





var属性页索引= 0；
VaR PageSize = 3；

$（函数（）{（））
（0）inittable；

$（#分页分页，{（）。
回调：PageCallback，
prev_text：最后一页，
next_text：下一页，
items_per_page：PageSize，
num_display_entries：6，一个连续的 /寻呼号码的主要组成部分
current_page：PageIndex / /当前页
num_edge_entries：2 / /两侧和寻呼的项目数
}）；

调用页
功能pagecallback（指数、JQ）{
inittable（指数）；
}

请求数据
功能inittable（PageIndex）{
$ ajax（{
类型：邮政
DataType：文本
网址：'ajax / pagerhandler处理，
数据：当前页的索引=+（页索引+ 1）+PageSize =+页大小，
成功：函数（数据）{
$（#结果TR：GT（去除）（0））； / /删除ID结果表行，从第二行开始（在这里，根据不同的页面布局的改变）
$（#结果）。追加（数据）； / /返回数据追加到表
}
}）；
}
}）；



复制代码代码如下所示：


<表ID =结果border=1cellpadding =5style=塌边：边缘：20px崩溃；
边境：solid 1px # 85a8be；宽度：60%>


身份证件


标题


更新时间


点击








三。页面背景文件

这主要是为了获得总的记录数：
复制代码代码如下所示：
公共字符串总页数=字符串。空； / /总参赛人数

protected void page_load（object sender，EventArgs e）
{
如果（！IsPostBack）
{
总页数=新消息（）GetNewsCount（）；
}
}

四。最重要的是Ajax处理器：PagerHandler.ashx
复制代码代码如下所示：
公共课pagerhandler：IHttpHandler
{
public void ProcessRequest（HttpContext上下文）
{
context.response.contenttype =文本/平原；
字符串空字符串；
int PageIndex = convert.toint32（上下文。请求{页索引））；
int的大小= convert.toint32（上下文。请求{ 为））；
如果（PageIndex = 0）
{
页索引= 1；
}
int计数= 0；

新闻=新新闻（）；
n.getnewslist（列表页索引，大小，引用计数）；
StringBuilder某人新的StringBuilder（）；
foreach（新闻列表）
{
某人追加（）；
某人追加（p.news_id）；
某人追加（）；
某人（+追加p.news_title + ）；
某人追加（）；
某人追加（p.news_time）；
某人追加（）；
某人追加（p.news_readtimes）；
某人追加（）；
}
STR = sb.tostring（）；
context.response.write（STR）；
}

公共布尔方法
{
得到
{
返回false；
}
}
}