A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 柳雷 中级黑马   /  2012-7-21 23:58  /  2445 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

关于分页,最近学习了下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可以由我们自己控制。获取我们需要的数据。

6 个回复

倒序浏览
超过我目前所学进度,严重看不懂
回复 使用道具 举报
jQuery就是比EXTJS强大的说
回复 使用道具 举报
王少雷 发表于 2012-12-25 21:48
jQuery就是比EXTJS强大的说

这个是各有所长吧~呵呵~不能一概而论,个人观点
回复 使用道具 举报
谢谢分享,辛苦了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马