使用bootstrap-paginator.js分页来进行创建交互式、快速动态网页应用的网页开发技术异步分页请求示例

使用bootstrap-paginator.js分页来进行创建交互式、快速动态网页应用的网页开发技术异步分页请求

具体的做法如下：

首先定义一个异步提交请求的创建交互式、快速动态网页应用的网页开发技术函数，其完整的函数如下：

var nid=$('#lbnid ').val()；//获取当前新闻编号var CP年龄=1；//当前页面号var tpage=10/总页面数函数GetPaging(){ GetComment(cpage)；//获取新闻评论} //点击查看新闻评论$('#one2 ').单击(function(){ GetPaging()；});//获取新闻评论评论函数getComment(page) { $ .ajax({ type: 'get '，data: nid，async: 'false '，url: '/comment/GetComment？nid=' nid 'page=' page，success : function(info){ change model(info)；//更新局部页面var totalpage=$('#totalpage ').val()；//当前页面号var curtpage=$('#curtpage ').val()；//总页面号if(curt页面总页面){ CP年龄=curt页面；tpage=totalpage}显示(cpage，tpage)；//显示评论}，error: function () { alert('加载失败！请稍后重试!');} });} /* obj: ajax返回的超文本标记语言数据*///更新局部页面功能变化模型(obj){ var COMT=$(' .注释');COMT。替换为(' div class=Comments ' obj '/div ')；}/* currentpage :当前页面号；tpage:总的页面数*///显示新闻评论函数显示(curtpage，tpage){ var options={ bootstrapmajorversion : 3，//版本currentPage: curtpage，//当前页数numberOfPages: 10，//设置显示的页码数totalPages: tpage，//总页数项目文本：函数（类型，页面，当前){ switch(类型){案例'第一次' :返回'首页；案例'上一个' :返回'上一页；案例'下一个' :返回'下一页；案例'最后一次' :返回'末页；案例'页面' :返回页面；} }，} $('#page ').自举者(选项);} 接下来就是修改原来的bootstrap-paginator.js文件，这也是最关键的一步

onPageClicked:函数(事件，原始级别，类型，页面){//显示相应的页面并检索与之前所点击的页面相关的新建项为事件返回var currentTarget=$(事件。currentTarget)；switch(type){ case ' first ' :当前目标。引导程序(' ShowFirst ')；getComment(第页);//自定义的获取新闻评论的方法，一宝要记得添加这个自定义的函数打破；案例' prev ' : CurrentTarget。引导程序('显示上一个')；getComment(第页);打破；案例"下一个" : CurrentTarget。引导程序(“显示下一个”)；getComment(第页);打破；案例'最后' : CurrentTarget。引导程序(' showLast ')；getComment(第页);打破；案例'页面' : CurrentTarget。引导程序(' show '，页)；getComment(第页);打破；} }, 接下来就好了。运行截图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。