最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

laypage前端分頁插件實現ajax異步分頁

 更新時間:2016年05月19日 15:29:39   作者:剛剛什么也沒說  
layPage是一款多功能的js分頁組件,即適用于異步分頁,又可用于傳統(tǒng)的整頁刷新跳頁,還支持信息流加載,并且可無縫遷移至Node.js平臺,這篇文章主要介紹了laypage前端分頁插件,實現ajax異步分頁,需要的朋友可以參考下

本文實例為大家分享了laypage前端分頁插件,ajax異步分頁,獲取json數據實現無刷新分頁,供大家參考,具體內容如下

function GetList(pageIndex) {
      var _this = ""
      var clone_this = "";
      _this = $(".BindDataList");//數據列表容器,
      clone_this = _this.clone(true);
      var pageSize = 25;//每頁展示的條數
      $.ajax({
        type: "get",
        async: false,//異步鎖定,默認為true
        url: "../ashx/System/DefaultAjax.ashx",//后端處理數據,返回json格式
        data: {"pageIndex": pageIndex, "pageSize": pageSize, },
        contentType: "application/json; charset=utf-8",
        success: function (data) {
          var json = eval("(" + data + ")");
          if (json.PageCount > 0) //數據總條數
           {
            _this.html("");
            for (var i = 0; i < json.rows.length ; i++) {
              var html = "<li>json數據</li>";
              _this.append(html);
            }
            jsonpage(json, pageIndex, pageSize);
          }
          else {
            _this.html("");
            _this.append("");
          }
        }
      });
    }
 
function jsonpage(json, pageIndex, pageSize) {
      var coun = json.PageCount;//總數據條數
      var pagecount = coun % pageSize == 0 ? coun / pageSize : coun / pageSize + 1;//計算多少頁
      var laypageindex = laypage({
        cont: 'project_page', //容器。值支持id名、原生dom對象,jquery對象。
        skin: '#fb771f',
        pages: pagecount, //通過后臺拿到的總頁數
        curr: pageIndex, //初始化當前頁
        first: '|<', //將首頁顯示為數字1,。若不顯示,設置false即可
        last: '>|', //將尾頁顯示為總頁數。若不顯示,設置false即可
        prev: '<', //若不顯示,設置false即可
        next: '>', //若不顯示,設置false即可
        jump: function (obj, first) { //觸發(fā)分頁后的回調
          if (!first) { //點擊跳頁觸發(fā)函數自身,并傳遞當前頁:obj.curr
            SearchHotTag(obj.curr);
          }
        }
      });
    }

以上就是本文的全部內容,希望對大家學習laypage分頁插件有所啟發(fā)和幫助,謝謝大家的閱讀。

相關文章

  • Ajax 實現加載進度條

    Ajax 實現加載進度條

    本文給大家介紹ajax實現加載進度條效果,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2016-12-12
  • Ajax傳遞中文參數到后臺亂碼的有效解決方法

    Ajax傳遞中文參數到后臺亂碼的有效解決方法

    使用Ajax傳遞中文參數,如果不對參數進行處理的話,傳到后臺會變成亂碼,解決方法很簡單,需要的朋友可以參考下本文
    2014-05-05
  • iframe實現Ajax文件上傳效果示例

    iframe實現Ajax文件上傳效果示例

    Ajax文件上傳效果實現的方法有很多,在本文將為大家介紹下使用iframe是如何實現的,感興趣的朋友不要錯過
    2013-12-12
  • 強烈推薦-ajax開發(fā)者必看的文章

    強烈推薦-ajax開發(fā)者必看的文章

    強烈推薦-ajax開發(fā)者必看的文章...
    2007-03-03
  • 聊一聊Ajax的優(yōu)缺點

    聊一聊Ajax的優(yōu)缺點

    和大家一起聊一聊Ajax的優(yōu)缺點,Ajax是一個動態(tài)的WEB應用的開發(fā)技術,它的出現豐富了用戶的體驗,今天就和大家進一步的了解Ajax,感興趣的小伙伴們可以參考一下
    2016-02-02
  • 用Ajax讀取xml文件的簡單例子

    用Ajax讀取xml文件的簡單例子

    Ajax的原理很簡單,就是在客戶端創(chuàng)建一個XMLHttpRequest對象(用來與服務器進行異步通信,這就是Ajax的核心,其實我們早就在用異步通信了,只是沒把這項技術用在網頁設計中而已),為該對象的onreadystatechange 屬性添加一個事件,當對象的readyState改變的時候就會引發(fā)指定的事件。
    2008-04-04
  • Ajax與mysql數據交互實現留言板功能

    Ajax與mysql數據交互實現留言板功能

    最近自己做了一個小demo,實現了Ajax與MySQL的數據交互,js部分用的是jq,后臺用的是PHP,數據庫是mysql,下面通過本文給大家詳細介紹下
    2016-12-12
  • 快速解決ajax請求出錯狀態(tài)碼為0的問題

    快速解決ajax請求出錯狀態(tài)碼為0的問題

    下面小編就為大家分享一篇快速解決ajax請求出錯狀態(tài)碼為0的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • ajax從JSP傳遞對象數組到后臺的方法

    ajax從JSP傳遞對象數組到后臺的方法

    今天小編就為大家分享一篇ajax從JSP傳遞對象數組到后臺的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • ajax實現標簽導航

    ajax實現標簽導航

    ajax實現標簽導航...
    2006-11-11

最新評論

景德镇市| 汝州市| 徐闻县| 介休市| 彩票| 广灵县| 三江| 长白| 淳化县| 元氏县| 台南县| 壤塘县| 高要市| 额济纳旗| 襄樊市| 达拉特旗| 布尔津县| 商城县| 和林格尔县| 江源县| 金塔县| 井冈山市| 娱乐| 孟州市| 甘德县| 社旗县| 白河县| 安丘市| 盐津县| 云霄县| 延安市| 开封市| 拉萨市| 崇明县| 汝城县| 滦南县| 临海市| 波密县| 肥城市| 四川省| 西乡县|