JQuery Ajax無刷新分頁的實例程式碼_jquery

先看效果圖：

實作原理很簡單，使用了jquery.pagination這個插件，每當點擊頁碼時異步去伺服器去取該頁的數據，簡單介紹如下：
一、資料庫表結構：很簡單  就四個字段分別是News_id  News_title  News_time  News_readtimes

二、前台頁碼：

複製程式碼 程式碼如下:

程式碼如下:



   
   

   
   
   

複製程式碼 程式碼如下:

   
       
           
                    ID
               
         >
                                 

更新的時間	使用者           🎜>

       

       ">
     >
   
   


三、頁後台檔案

這裡主要是取得記錄總數：

複製程式碼

程式碼如下: 程式碼如下:

public string pageCount = string.Empty;//總條目數

        protected void Page_Load(object sender, EventArgs e)        {

           {
        {
                pageCount = new News().GetNewsCount();
   }


四、最主要的是ajax處理程序：PagerHandler.ashx

複製程式碼複製程式碼

複製程式碼複製程式碼複製程式碼 程式碼如下:

 public class PagerHandler : IHttpHandler
    {
        public void      context.Response.ContentType = "text/plain";
            string str = string.Empty;
            int pageIndex = Convert.ToInt32(context.Request["pageIndex"]);
     
            if (pageIndex == 0)
            {
                       int count = 0;

            新聞 n = new News();
             名單; list = n.GetNewsList(pageIndex, size, ref count);
            StringBuilder sb = new StringBuilder();                sb.Append("< ; tr> ;");

                sb.Append(p.News_id);
                  sb.追加（「" p.News_title "");
                sb.Append("

");
  🎜> sb.Append(" ");
               sb.Append(p.News_readtimes); }
            str = sb.ToString();
            context.Res 
        public bool IsReusable
        {
                      return false;
            }