ajax用三層寫的無刷新效果的分頁功能

前臺:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.9.1.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;
               }
           })

           //顯式調用函數,在頁面初次加載時加載第一頁數據
           loaddata();
           //下一頁
           $('a:eq(2)').click(function () {
               //alert("ddd");
               if (pageindex < lastpageindex) {
                   pageindex++;
                   loaddata();
               }

           })
           //上一頁
           $('a:eq(1)').click(function () {
               if (pageindex > 1) {
                   pageindex--;
                   loaddata();
               }
           })
           //第一頁
           $('a:first').click(function () {
               pageindex = 1;
               loaddata();
           })
           //最後一頁
           $('a:eq(3)').click(function () {
               pageindex = lastpageindex;
               loaddata();
           })
           $('a:last').click(function () {
               pageindex = $('#txtPageindex').val();
               loaddata();
           })
       })

   
    </script>
</head>

<body>
<div id="mydiv">
</div>
<div><a href="#">第一頁</a><a href="#">上一頁</a><a href="javascript:void(0);">下一頁</a><a href="#">最後一頁</a><input
        id="txtPageindex" type="text" /><a href="#">Go</a></div>
</body>
</html>
WebService1.asmx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data;
using System.Text;
using WebApplication1;
using System.Data.Common;
using System.Data.SqlClient;

namespace Gridviewfenye
{
    /// <summary>
    /// WebService1 的摘要說明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // 若要允許使用 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<Model.T_News1>();
            int Id;
            string newstitle = "";
            string newscontent = "";
            DateTime createtime;

            for (int i = 0; i < dt.Rows.Count; i++)
            {
                Id = Convert.ToInt32(dt.Rows[i]["Id"]);
                newstitle = dt.Rows[i]["NewsTitle"].ToString();
                newscontent = dt.Rows[i]["NewsContent"].ToString();
                createtime = Convert.ToDateTime(dt.Rows[i]["CreateTime"]);

                Model.T_News1 news = new Model.T_News1()
                {
                    
                    Id = Id,
                    NewsTitle = newstitle,
                    NewsContent = newscontent,
                    CreateTime = createtime
                };
                list.Add(news);
            }
            return list;
        }//數據加載
        [WebMethod]
        public int GetLastPageindex(int pagesize)
        {
            BLL.T_News1 bnews = new BLL.T_News1();
            int totalcount = bnews.GetRecordCount("");
            if (totalcount % pagesize == 0)
            {
                return totalcount / pagesize;
            }
            else
            {
                return totalcount / pagesize + 1;
            }
        }///得到總共的記錄條數


        private string BinProvice()
        {
           DataTable dt=  SqlHelper.ExecuteDataTable("select * from province");
           SqlDataAdapter adapter = new SqlDataAdapter();
           adapter.Fill(dt);
           return dt.ToString();
        }

    }    
}
DAL:
 public DataTable GetListDataTable(int PageSize, int PageIndex)
        {
            SqlParameter[] parameters = {
new SqlParameter("@PageSize", SqlDbType.Int),
new SqlParameter("@PageIndex", SqlDbType.Int)
};
            
            parameters[0].Value = PageSize;
            parameters[1].Value = PageIndex;
            return DbHelperSQL.RunProcedureDataTable("pro_fenye", parameters);
        }
DbHelperSQL.cs
   public static DataTable RunProcedureDataTable(string storedProcName, IDataParameter[] parameters)//自己寫的存儲過程
        {
            using (SqlConnection connection = new SqlConnection(connectionString))
            {
                DataTable dt = new DataTable();
                connection.Open();
                SqlDataAdapter sqlDA = new SqlDataAdapter();
                sqlDA.SelectCommand = BuildQueryCommand(connection, storedProcName, parameters);
                sqlDA.Fill(dt);
                connection.Close();
                return dt;
            }
        }






 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章