由于我今天剛好要做無刷新分頁的效果。所以就直接先上圖了！

　　 如圖，上部分是分頁后取出來的數(shù)據(jù)。下部分是 分頁器的實(shí)現(xiàn)（關(guān)于分頁器的實(shí)現(xiàn)請(qǐng)參考 //www.cnblogs.com/zhouzhaokun/archive/2011/08/24/2151558.html）

　　 我們先來實(shí)現(xiàn)頁面的分頁效果，

　　 1、新建一個(gè) ajax 文件頁面 ashx 或者 aspx， 我個(gè)人比較喜歡 aspx 。刪掉頁面上的所有HTML代碼。只保留頁面聲明部分：
view sourceprint?
1 <%@ Page Language="C#" AutoEventWireup="true";

CodeBehind="Ajax_GetDataCount.aspx.cs"

Inherits="GSSS.HTML.UI.Ajax.Elec_Comment.Ajax_GetDataCount" %>;

　　 通過上邊的代碼，相信大家都能看到我新建的文件名 是 Ajax_GetDataCount.aspx .接下來我們看這個(gè)頁面的 .cs 文件

　　 首先 在 page_load 事件中，我們獲取ajax傳送過來的參數(shù)。我采用 jquery 的 post 方式提交參數(shù)，代碼如下：

01 protected void Page_Load(object sender, EventArgs e)
02 {
03 int PageSize = 5;//寫死的頁面大小。可以通過傳參動(dòng)態(tài)實(shí)現(xiàn)
04 int PageCount = 100;//測(cè)試用的數(shù)據(jù)條數(shù)（無用）
05 //讀取 post 過來的參數(shù)值 page 和 pid,pid 是對(duì)應(yīng)的產(chǎn)品ID，本實(shí)例為產(chǎn)品評(píng)論的無刷新實(shí)現(xiàn)
06 string page = DotNet.Framework.Common.QueryString.F("page");
07 string pid = DotNet.Framework.Common.QueryString.F("pid");
08 if (pid != "")
09 {
10 GSSS.HTML.BLL.PromotionZone.ElectronicProducts.T_ElectronicProducts_
Comment bll = new GSSS.HTML.BLL.PromotionZone.ElectronicProducts.T

_ElectronicProducts_Comment();
11 //讀取pid產(chǎn)品的評(píng)論條數(shù)
12 PageCount = bll.GetPagerCount(Convert.ToInt32(pid));
13 }
14 if (page == "" && pid != "")
15 {
16 ///創(chuàng)建并顯示分頁器
17 BuildPager(PageCount, 1, PageSize, Convert.ToInt32(pid));
18 }
19 if (page != "" && pid != "")
20 {
21 BuildPager(PageCount, Convert.ToInt32(page), PageSize, Convert.ToInt32(pid));
22 }
23 }

　　下邊是 分頁器的實(shí)現(xiàn)方法。跟上一篇文章還有所不同（我說過有bug嘛。。）在這里修正之后 還是有些小問題。。

　　代碼如下：
01 /// <summary>
02 /// 創(chuàng)建并顯示分頁器
03 /// </summary>
04 /// <param name="totalRecords">總頁數(shù)</param>
05 /// <param name="currentPage">當(dāng)前頁碼</param>
06 /// <param name="pageSize">頁面大小</param>
07 private void BuildPager
(int totalRecords, int currentPage, int pageSize, int productID)
08 {
09 int alter = 4;
10 int startPage = 1;
11 int endPage = currentPage + alter;
12 int totalPages = this.CalculateTotalPages(totalRecords, pageSize);
13
14 if (currentPage > alter)
15 {
16 startPage = currentPage - alter;
17 }
18
19 if (endPage > totalPages)
20 {
21 endPage = totalPages;
22 }
23 ///分頁 頁碼 a 標(biāo)簽 新增屬性 title 為了獲取點(diǎn)擊的頁碼
24 string strTemp = @"<a href='javascript:void(0)' title='{0}'>{1}</a>&nbsp;&nbsp;";
25 StringBuilder sb = new StringBuilder();
26 if (currentPage != startPage)
27 {
28 if (currentPage > startPage)
29 {
30 sb.Append(string.Format(strTemp, 1, "半島外圍網(wǎng)上直營(yíng)"));
31 sb.Append(string.Format(strTemp, currentPage - 1, "上一頁"));
32 }
33 }
34
35 for (int i = startPage; i <= endPage; i++)
36 {
37 if (currentPage == i)
38 {
39 sb.Append("<font color=red>" + i + "</font>&nbsp;&nbsp;");
40
41 }
42 if (currentPage != i && currentPage > 1)
43 {
44 sb.Append(string.Format(strTemp, i, "[" + i + "]"));
45 }
46
47 }
48
49 if (currentPage != endPage && totalRecords != 0)
50 {
51 if (currentPage != totalPages)
52 sb.Append(string.Format(strTemp, currentPage + 1, "下一頁"));
53 sb.Append(string.Format(strTemp, totalPages, "尾頁"));
54 }
55
56 Response.Write(sb.ToString());
57 Response.End();
58 }
59
60 /**/
61 /// <summary>
62 /// 計(jì)算總頁數(shù)
63 /// </summary>
64 /// <param name="totalRecords">總記錄數(shù)</param>
65 /// <param name="pageSize">每頁記錄數(shù)</param>
66 private int CalculateTotalPages(int totalRecords, int pageSize)
67 {
68 int totalPagesAvailable;
69
70 totalPagesAvailable = totalRecords / pageSize;
71
72 //由于C#的整形除法 會(huì)把所有余數(shù)舍入為0，所以需要判斷是否需要加1
73 if ((totalRecords % pageSize) > 0)
74 totalPagesAvailable++;
75
76 return totalPagesAvailable;
77 }

　　這樣…ajax 請(qǐng)求頁面就完成了。接下來我們要把這個(gè) 頁面 拼出來的 頁碼顯示在頁面上。。當(dāng)然這里沒有用到 json，代碼如下:
view sourceprint?
1 $.post("/Ajax/Elec_Comment/Ajax_GetDataCount.aspx", { pid: '<%=DotNet.Framework.Common.QueryString.QId("id") %>' }, function(data, status) {
2 $("#pager").html(data);
3 alert(data);
4 BindClick(); //給 a 標(biāo)簽綁定 點(diǎn)擊事件
5 BindCommentList(1);//頁面加載默認(rèn)綁定第一頁數(shù)據(jù)
6 });　

01 function BindClick() {
02 $("#pager a").click(
03 function(e) {
04 e.preventDefault(); //禁止導(dǎo)向連接
05 var url = "/Ajax/Elec_Comment/Ajax_GetDataCount.aspx";
06 var pid = '<%=DotNet.Framework.Common.QueryString.QId("id") %>';
07 var page = $(this).attr("title");
08 var func = function(data) {
09 $("#pager").html(data);
10 BindCommentList(page); //根據(jù)當(dāng)前頁讀取數(shù)據(jù)
11 BindClick();//這里再調(diào)用一次綁定a標(biāo)簽的click事件，如果不調(diào)用，頁面第一次打開可以分頁，以后就捕獲不到這個(gè)事件了。
12 }
13
14 $.post(url, { pid: pid, page: page }, func);
15 }
16 );
17 }