网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
内容	这篇文章主要介绍了Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧     Bootstrap Paginator分页插件下载地址：     DownloadVisit Project in GitHub     1.这是需要分页的页面放的 js函数：     <span>function paging(page){      $.ajax({      type: "GET",      url: "${ctx}/api/v1/user/1/"+(page-1)+"/5",      dataType:"json",      success: function(msg){      ....//省略（查询出来数据）      }      });      $.ajax({      type: "GET",      url:"${ctx}/api/v1/user/count/1",      dataType:"json",      success:function(msg){      var pages = Math.ceil(msg.data/5);//这里data里面有数据总量      var element = $('#pageUl');//对应下面ul的ID      var options = {      bootstrapMajorVersion:3,      currentPage: page,//当前页面      numberOfPages: 5,//一页显示几个按钮（在ul里面生成5个li）      totalPages:pages //总页数      }      element.bootstrapPaginator(options);      }      });      }</span>      页面：     <span><ul id="pageUl">      </ul></span>     *li里面自动生成的     2.最重要也是最核心的是要自己改下bootstrap-paginator.js源文件，如下：     <span>onPageClicked: function (event, originalEvent, type, page) {      //show the corresponding page and retrieve the newly built item related to the page clicked before for the event return      var currentTarget = $(event.currentTarget);      switch (type) {      case "first":      currentTarget.bootstrapPaginator("showFirst");      paging(page);      break;      //上一页      case "prev":      currentTarget.bootstrapPaginator("showPrevious");      paging(page);      break;      case "next":      currentTarget.bootstrapPaginator("showNext");      paging(page);      break;      case "last":      currentTarget.bootstrapPaginator("showLast");      paging(page);      break;      case "page":      currentTarget.bootstrapPaginator("show", page);      paging(page);      break;      }      },</span>     *在你点击的页面样式出来后调用paging（page）方法，这里的page源文件里的参数已经有了，直接传！     效果：当样式改变后，直接拿控件的page值进行ajax请求的发送！最后实现无刷新分页。          以上所述是小编给大家介绍的Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果的相关知识，希望对大家有所帮助
随便看	福建省2014年部分行政执法机关基层公务员专项招考报考指南 福建省2014年部分行政执法机关基层公务员专项招考公告 2014年丽江市华坪县政府机关拟录用公务员名单公示 2014年绍兴市中级人民法院选调工作人员公告 2014年杭州市淳安县党群系统拟录用公务员(工作人员)公示 福州保税港区管理委员会2014年遴选公务员拟遴选人员公示 2014年吉安市政协机关遴选工作人员面试入闱人员名单公告 2014年烟台市考试录用公务员体检合格情况(第一批) 2014年佛山市顺德区伦教街道教育局副局长选拔的公告 2014年嘉兴市南湖区中层干部跨部门(单位)竞岗交流面试成绩公告 2014年嘉兴市南湖区中层干部跨部门(单位)竞岗交流入围考察人员名单公告 哈尔滨市2014年招考公务员拟进入体检考察阶段考生名单公告 新疆2014年考录公务员/工作人员阿勒泰地区和巴州新增职位表 新疆2014年考录公务员巴州新增森林公安职位表 新疆2014年考录公务员/工作人员阿勒泰地区新增社会保险局职位表 双鸭山市2014年招考公务员拟进入体检考察阶段考生名单公告 柳州市司法局2014年考试录用公务员拟录用人员公示 2014年安阳市市直机关选调公务员拟选调人员公示 凉山州宁南县2014年考调人员到县级机关事业单位工作公告 玉林市2014年考试录用公务员拟录用人员公示(一) 玉林市2014年考试录用公务取消或减少录用计划职位表 2014年广西面向基层人员考试录用乡镇机关公务员笔试合格分数线通告 2014年宁波市遴选公务员报名系统 云南省公务员公安类补录？ 2014年玉溪市公务员招考拟录用人员公示 sunshine law sunshine-law sun shower sun-shower sunspot sunspot activity sunstroke suntan suntan lotion suntan-lotion 豆萁相煎 豆蓉 豆蔻 豆蔻年华 豆薯 豆虫 豆蜡 豆角 豆豉 豆象 去国企面试自我介绍 去面试的自我介绍 去面试的自我介绍自己 去面试如何自我介绍 去面试时的自我介绍 去面试时的自我介绍自己 去面试自我介绍 去面试自我介绍范文 去银行面试的自我介绍 去银行面试自我介绍

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。