社区
Web 开发
帖子详情
获取分页的当前页码
qq_34016767
2016-06-02 02:32:30
删除成功后的代码:
success: function(data){
var obj = eval ("(" + data + ")");
//重新加载数据 获取分页的当前页码(如果删除的是第二页的项,刷新后,也是在第二页。)
initList(
pageNo
,5,30,30,"");
}
分页的插件:kkpager
实现的效果:
问题:怎么获取分页的当前页呢(即代码的pageNo)?
...全文
863
3
打赏
收藏
获取分页的当前页码
删除成功后的代码: success: function(data){ var obj = eval ("(" + data + ")"); //重新加载数据 获取分页的当前页码(如果删除的是第二页的项,刷新后,也是在第二页。) initList(pageNo,5,30,30,""); } 分页的插件:kkpager 实现的效果: 问题:怎么获取分页的当前页呢(即代码的pageNo)?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_34016767
2016-06-02
打赏
举报
回复
<tr> <td> </td> <td></td> <td colspan="5" id="kkpager"></td> </tr>
qq_34016767
2016-06-02
打赏
举报
回复
success: function(data){ //执行成功后调用的方法,data 就是返回的数据 var obj = eval ("(" + data + ")"); // console.log(obj); //分离数据 //将当前页,总页数转换成整数便于输出导航 var pageNo = parseInt(obj.pno);//当前页 var totalPage = parseInt(obj.total);//总页数 var totalRecords = parseInt(obj.totalRecords);//总条数 var ulist = obj.list;//查询出来的用户列表 //清空原有数据 $("#tb").html(""); //循环输出数据 $.each(ulist, function(i, user){ var txt = '<tr><td><input type="checkbox" name="selectFlag" value='+user.id+'></td><td>'+user.name+'</td><td>'+user.pwd+'</td><td><a href="javaScript:detail('+user.id+')">详细</a></td><td><a href="javaScript:edit('+user.id+')">修改</a></td><td><a href="javaScript:del('+user.id+')">删除</a></td></tr>'; $("#tb").append(txt); }); //分页导航 //清空原有数据 //分页导航 //清空原有数据 $("#kkpager").html(""); //分页导航 //生成分页 //有些参数是可选的,比如lang,若不传有默认值 kkpager.generPageHtml({ keyword:key, pno: pageNo, total: totalPage, totalRecords: totalRecords, //总数据条数 pageSize:pageSize, mode:'click', //这里设置为click模式 lang : { firstPageText : '第一页', lastPageText : '最后一页', prePageText : '上一页', nextPageText : '下一页', totalPageBeforeText : '共', totalPageAfterText : '页', totalRecordsAfterText : '条数据', gopageBeforeText : '转到', gopageButtonOkText : '确定', gopageAfterText : '页', buttonTipBeforeText : '第', buttonTipAfterText : '页' }, //链接前部 hrefFormer : '${hrefFormer}', //链接尾部 hrefLatter : '${hrefLatter}', //点击页码的函数,这里发送ajax请求后台 click:function(n){ pageNo=n; initList(n,pageSize,totalRecords,totalPage,key); //手动条用selectPage进行页码选中切换 }, //设置href链接地址,默认# getHref : function(n){ return '#'; } },true); //分页导航结束 }
狂暴的小猴儿
2016-06-02
打赏
举报
回复
每一个分页插件最后肯定都生成div 或者 li 的啦 当前页的样式肯定和别的不一样的啦 比如一个class=active 的 这时候 你选择 $("#page li").children(".active").html() 就是当前页的数字啦
jQuery
分页
插件
页码
跳转代码.zip
在网页开发中,
分页
是常见的一种数据展示方式,尤其在数据量较大的情况下,它可以有效提高用户体验,使得用户能够方便地浏览和查找信息。jQuery
分页
插件是实现这一功能的强大工具,它简化了JavaScript代码,让开发者...
JQuery实现Ajax
分页
后自动生成
页码
工具
`Ajax
分页
`的关键在于如何根据
当前
页数和总页数动态生成
页码
。这个工具会自动计算并生成相应的HTML代码,插入到页面的
分页
区域。这样,每当Ajax请求返回新的数据时,
分页
导航就会自动更新,确保用户始终能看到正确的...
PHP自动适应范围的
页码
分页
程序
因此,设计一个能够根据
当前
页码
自动调整显示范围的
分页
功能显得尤为重要。本程序的目标就是解决这个问题,实现如下
分页
效果: -
当前
页前后各显示一定数量的
页码
,例如:`<< < 1 2 3 4 5 6 7 > >>` - 随着用户滚动...
关于
分页
的页面控件
这需要监听滚动事件,判断是否达到页面底部,并根据
当前
页码
发送请求。 六、优化与性能考虑 1. 数据缓存:为了避免不必要的重复请求,可以缓存已加载的数据。 2. 懒加载:仅在用户滚动到可视区域时加载图片或其他...
分页
页码
aaa
这些脚本可以监听用户的点击事件,根据
当前
页码
和每页显示数量计算出数据的起始和结束索引,然后向服务器发送 AJAX 请求
获取
对应数据并更新页面。 5. **Ajax 技术**: 使用 Ajax 技术进行异步数据加载,可以在不...
Web 开发
81,115
社区成员
341,728
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章