婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > ajax無刷新分頁的簡單實現

ajax無刷新分頁的簡單實現

熱門標簽:騰訊地圖標注位置能用多久 地圖標注項目怎么樣 超級大富翁地圖標注 云呼外撥網絡電話系統 機器人電銷騙局揭秘 個人怎樣在百度地圖標注地名 硅語電話機器人公司 越南河內地圖標注 ai機器人電銷資源

本文實例為大家分享了ajax無刷新分頁的具體代碼,供大家參考,具體內容如下

html頁

html>
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;
      /*如果將代碼封裝成一個函數,那么除非顯示調用(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 () {
        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="#">下一頁/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;


namespace 分頁
{
  /// 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 ListModel.T_News1> GetListAjax(int pagesize,int pageindex)
    {
      BLL.T_News1 bnews = new BLL.T_News1();
      DataTable dt = bnews.GetListDataTable(pagesize,pageindex);
      ListModel.T_News1> list = new ListModel.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;
      }
    }


  }
}

以上就是ajax無刷新分頁實現的關鍵代碼,希望對大家的學習有所幫助。

您可能感興趣的文章:
  • 使用ajax技術實現txt彈出在頁面上的方法
  • javascript結合ajax讀取txt文件內容
  • Ajax分頁插件Pagination從前臺jQuery到后端java總結
  • jQuery DataTables插件自定義Ajax分頁實例解析
  • Ajax讀取txt并對txt內容進行分頁顯示功能

標簽:邢臺 洛陽 舟山 內蒙古 鄭州 海南 遼源 林芝

巨人網絡通訊聲明:本文標題《ajax無刷新分頁的簡單實現》,本文關鍵詞  ajax,無,刷新,分頁,的,簡單,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ajax無刷新分頁的簡單實現》相關的同類信息!
  • 本頁收集關于ajax無刷新分頁的簡單實現的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 西充县| 河间市| 荣成市| 宝坻区| 大新县| 泽普县| 平泉县| 措美县| 张家川| 昆明市| 珲春市| 西盟| 延津县| 钦州市| 苍南县| 衡东县| 县级市| 东方市| 唐山市| 手游| 灌南县| 邵阳市| 阜宁县| 肥东县| 泰和县| 孙吴县| 牙克石市| 樟树市| 柳林县| 五原县| 玛曲县| 许昌县| 临泽县| 政和县| 陇西县| 宁陕县| 吉林省| 凌海市| 凤阳县| 科尔| 全州县|