黑马程序员技术交流社区

标题: 刚学了juery的分页，和大家分享下心得 [打印本页]

---

作者: 柳雷    时间: 2012-7-21 23:58
标题: 刚学了juery的分页，和大家分享下心得
关于分页，最近学习了下jquery中的分页技术，核心是用ajax和数据库中的limit函数。代码示例如下
jquery分页

    $().ready(function() {
         InitData(0);
    });
    function pageselectCallback(page_id, jq) {

         InitData(page_id);
    }
    function InitData(pageindex) {
         $.ajax( {
              type : "post",
              datatype : "html",
              url : "../User/SelectUserByPageIndex.do",
              data : "pageIndex=" + (pageindex + 1) + "&pageSize=" + items_per_page,
              success : function(data) {
               $("#user_div").html('').append(data);
              },
              error : function() {
               alert("ajax请求出错");
              }
         });
     $("#pagination").pagination(<%=userCount%>,{
         callback:pageselectCallback,
         first_text:'第一页',
         last_text:'最后一页',
         prev_text:'上一页',
         next_text:'下一页',
         items_per_page:5,
         num_display_entries:6,
         current_page:pageindex,
         num_edge_entries:5   
     });
    }
原理大家能看得差不多，就是页面刚加载的时候，在userdiv中加载第一页的数据，然后点下一页的时候，通过ajax加载第二页的数据。从而实现分页功能。
而jquery封装好了分页时候的首页，下页等请求。我们需要的是页面刚加载的时候给页面一个总个数（usercount）让jquery计算好需要分多少页。
而pageindex和pagesize可以由我们自己控制。获取我们需要的数据。

---

作者: 白衣秀士1985    时间: 2012-12-4 11:48
超过我目前所学进度，严重看不懂

---

作者: 王少雷    时间: 2012-12-25 21:48
jQuery就是比EXTJS强大的说

---

作者: waitzkj    时间: 2013-2-28 08:53

王少雷 发表于 2012-12-25 21:48
jQuery就是比EXTJS强大的说

这个是各有所长吧~呵呵~不能一概而论，个人观点

---

作者: cyaimyt    时间: 2015-3-25 14:12
谢谢分享，辛苦了

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2