AJAX和三层架构实现分页功能具体思路及代码
【编者按】：网学网Ajax为您提供AJAX和三层架构实现分页功能具体思路及代码参考，解决您在AJAX和三层架构实现分页功能具体思路及代码学习中工作中的难题，参考学习。
复制代码 代码如下:-----------------------------HTMLPage1.htm---------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
table{ border:solid 1px #444; background-color:Aqua;}
table td{border:solid 1px #444;}
</style>
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var pageindex = 1;
var pagesize = 10;
var lastpageindex = 1;
loaddata();
function loaddata() {
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetListAjax",
data: "{pagesize:" + pagesize + ",pageindex:" + pageindex + "}",
success: function (result) {
var strtable = ''<table>'';
strtable += ''<tr><td>编号</td><td>标题</td><td>内容</td><td>创建时间</td></tr>'';
for (var i = 0; i < result.d.length; i++) {
strtable += ''<tr>'';
strtable += ''<td>'' + result.d[i].Id + ''</td>'';
strtable += ''<td>'' + result.d[i].NewsTitle + ''</td>'';
strtable += ''<td>'' + result.d[i].NewsContent + ''</td>'';
strtable += ''<td>'' + result.d[i].CreateTime + ''</td>'';
strtable += ''</tr>'';
}
strtable += ''</table>'';
$(''#mydiv'').html(strtable);
}
})
}
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetLastPageindex",
data: "{pagesize:" + pagesize + "}",
success: function (result) {
lastpageindex = result.d;
}
})
//第一页
$(''a:first'').click(function () {
pageindex = 1;
loaddata();
})
//
$(''#divfenye a:eq(1)'').click(function () {
if (pageindex > 1) {
pageindex--;
loaddata();
}
})
//
$(''#divfenye a:eq(2)'').click(function () {
if (pageindex < lastpageindex) {
pageindex++;
loaddata();
}
})
//最后一页
$(''#divfenye a:eq(3)'').click(function () {
pageindex = lastpageindex;
loaddata();
})
$(''#divfenye a:last'').click(function () {
pageindex = $(''#txtPageindex'').val();
loaddata();
})
$(''#txtPageindex'').focus(function () {
$(this).val('''');
})
})
</script>
</head>
<body>
<div id="mydiv">
</div>
<div id="divfenye"><a href="#">第一页</a><a href="#"></a><a href="#"></a><a href="#">最后一页</a><input
id="txtPageindex" type="text" /><a href="#">Go</a></div>
</body>
</html>
-------------------------WebService1 --------------------------------
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public List<Model.T_News1> GetListAjax(int pagesize, int pageindex)
{
BLL.T_News1 bnews = new BLL.T_News1();
DataTable dt = bnews.GetListDataTable(pagesize, pageindex);
List<Model.T_News1> list = new List<Mode