
最近学习了AJAX技术。AJAX,指的是异步的Javascript和xml。它的基本原理就是页面用Javascript发送一个异步的http请求到服务器,服务器返回数据后,再用Javascript静态的去更改页面某个地方的值,而无需提交表单。
大家都知道JQuery,是一个Javascript的封装库,当然JQuery也实现了对AJAX的封装,这里将分页就是直接用JQuery框架来讲哈,比较简单。
首先讲一下原理:分页有两个要点:1.有多少页,2.每页有多少条记录。总页数和每页数据都是要从服务器端返回的。所以我们就先来建一个一般处理程序:PageService.ashx,处理用户的请求。取得页数参数:GetPageCount,取得页数据参数用GetPagedData,和PageNo。一下是一般处理程序PageService.ashx代码:
PageService.ashx
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string action=context.Request["action"];
if (action == "GetPageCount") //如果请求类型为取得总页数,则如下处理。
{
//该方法是建立在强连接DataSet内的,取得总记录数的方法
int counts = new CommentTableAdapter().GetComentCount().Value;
int page = counts / 10; //默认每页10条数据
if (counts!= 0)
{
page++;
}
context.Response.Write(page); //取得数据后返回给客户端。
}
else if (action == "GetPageData") //请求类型是取得某页的数据,则还会传一个页码过来
{
int pageNo = Convert.ToInt32(context.Request["PageNo"]);
//该方法是给出页数,去数据库表内取得对应页的数据
var data = new CommentTableAdapter().GetPageData((pageNo-1)*10+1,pageNo*10);
var p1 = data.Select( c =>new {c.name,c.Comment });
JavaScriptSerializer jss = new JavaScriptSerializer();
//将取得数据用json序列化后传回客户端
context.Response.Write(jss.Serialize(p1));
}
}
接下来是在htm页面呈现数据。
我在这里只是讲原理,所以美工方面就不苛求了。假设每页数据都是放在一个
页数:
接下来就是用JQuery,在页面加载的时候给Comment这个ul和pageNo这个table初始化数据。页面加载默认显示第一页数据。以下是:无刷新分页.htm页面的JQuery代码:
无刷新分页.htm
欢迎各位指正,谢谢。
以上就是用AJAX实现的无刷新的分页实现代码(asp.net)的详细内容,更多请关注易知道|edz.cc其它相关文章!