实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下:
一、数据库表结构:很简单 就四个字段 分别是News_id News_title News_time News_readtimes
二、前台页面代码:
//请求数据
function InitTable(pageIndex) {
$.ajax({
type: 'POST',
dataType: 'text',
url: 'Ajax/PagerHandler.ashx',
data: 'pageIndex=' (pageIndex 1) '&pageSize=' pageSize,
success: function(data) {
$('#Result tr:gt(0)').remove();//移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)
$('#Result').append(data);//将返回的数据追加到表格
}
});
}
});
</script>
</head>
这里主要是获取记录总数:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
pageCount = new News().GetNewsCount();
}
}
News n = new News();
List<News> list = n.GetNewsList(pageIndex, size, ref count);
StringBuilder sb = new StringBuilder();
foreach (News p in list)
{
sb.Append('<tr><td>');
sb.Append(p.News_id);
sb.Append('</td><td>');
sb.Append('<a href='#'>' p.News_title '</a>');
sb.Append('</td><td>');
sb.Append(p.News_time);
sb.Append('</td><td>');
sb.Append(p.News_readtimes);
sb.Append('</td></tr>');
}
str = sb.ToString();
context.Response.Write(str);
}
public bool IsReusable
{
get
{
return false;
}
}
}
联系客服