ajax分页控件替换新的数据源问题

CaRrot_Love CaRrot_Love 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区


使用的分页插件是jQuery Pagination,遇到的问题是我在做数据加载时需要切换数据源,用于重新加载数据,现在数据是可以替换了,分页控件的页数和总数量换不掉,我开始的想法是我重新生成一个分页控件,可是生成的话会触发CallBack事件不停的死循环

//控件初加载
var pageCount=10;//赋予数据数量
$("#Pagination").pagination(pageCount, {
callback: PageCallback,
prev_text: '上一页',
next_text: '下一页',
items_per_page: pageSize,
num_display_entries: 5,//连续分页主体部分分页条目数
current_page: pageIndex,//当前页索引
num_edge_entries: 0//两侧首尾分页条目数
});
//控件的PageCallback事件 用于翻页调用

function PageCallback(index, jq) {

InitTable(index);//死循环
return false;
}
//ajax请求数据
function InitTable(pageIndex) {

$.ajax({
type: "POST",
dataType: "json",
url: '',
data: "pageIndex=" + (pageIndex+1) + "&pageSize=" + pageSize,
success: function(data) {

//数据替换
$("#Result").empty().append(data.result);
//替换新的分页
$("#Pagination").pagination(data.newpageCount, {
callback: PageCallback //如果不加他就不会有分页事件加他后触发死循环
});

}
});
}


我知道这样写很奇怪,不应该在InitTable这个方法中去生成新的分页控件才导致死循环,现在没有头绪如何去处理


...全文

相关推荐

基于jquery制作采用Twitter分页样式的ajax分页控件源码.zip

发送Ajax请求:使用`.ajax()`方法发送请求,URL通常包含当前页码作为参数。3. 处理响应:收到服务器响应后,用新数据替换现有内容,更新页面状态。四、使用须知1.

易小侠

EXTJS实现简单分页功能的完整示例与实战解析

在 JavaScript 这种动态语言里,数据结构往往是“随缘”的——今天接口返回,明天变成,很容易造成前端崩溃。EXTJS 用解决这个问题,强制你在使用前声明字段规范。这里有几个关键点值得深挖:如果你的后端用的是 Spring Data REST,习惯,那就得改造请求:// Spring 从0开始计页这样就能无缝对接了 👌EXTJS 的远程分页机制,表面上只是几个配置项的组合,实则蕴含着丰富的软件工程思想:契约优先。

张天筝

javascript分页控件

当用户翻页时,动态替换DOM元素,展示新页的数据。5. 事件处理:为分页控件的各个元素添加事件监听器,如点击事件,当用户进行分页操作时触发相应的处理函数。

zouchengjun

关于asp.net 自定义分页控件

自定义分页控件可以根据不同场景使用不同的分页方式。文章中提到了两种常用的分页方式,一是使用UpdatePanel进行Ajax分页,二是使用Url重写进行分页。

weixin_38610815

使用ajax实现分页技术

动态加载数据:AJAX请求成功返回数据后,前端需要将新获取的数据动态添加到页面的表格中,替换掉旧的数据。除了AJAX请求和数据处理之外,还需要考虑用户体验和交互细节。

weixin_38596093
评论 2
收藏 已收藏
分享
返回顶部
CaRrot_Love
JavaScript 87,983 成员 224,681 内容