在分页中，删除操作后，AJAX重载刷新当前页

需求

分页中，在 删除 和 编辑 完成后，AJAX重载刷新 当前页 ，而不是跳转到 第一页

实现步骤

1. 添加两个的 input 控件，用来存储 当前页数 和 记录总条数（非必须，能有方法获取到这两个值即可）
2. 添加一个 type=hidden 的input控件，id = ajaxReload
3. 给id = ajaxReload 的 input 控件添加 onClick 方法
4. 当 删除操作 完成后，手动调用一次 onClick 方法即可完成 ajax重载

计算方法

• 当前页数 = 1 ，无需进行计算，跳转原页即可

• 如果 当前页数 != 1 and 记录总条数 % 每页条数 == 1

  • 说明要删除的记录为 最后一页最后一条 ，则 当前页数 - 1 ，需向前跳一页，否则分页会出现显示问题

//ajax方式刷新当前页
$("#ajaxReload").click( function () {
    var recordCount = $("#recordCount").html();
    var currentPage = $("#currentPage").val();
    //%值由pageSize决定，也可以从后端获取，自定
    if(currentPage != 1 && recordCount%10 == 1){
       currentPage = currentPage - 1;
    }
    //ajax具体代码此处不一一说明
    ajaxRecordList(currentPage);
});

## 总结 - 编辑操作 不涉及 **记录总条数** 的改变，所以无需进行计算判断，跳转 **当前页** 即可。 - 最主要的是 **思路** 。当然，也可以使用一些第三方组件或者还有更好的写法。 - 这只是我自己个人的方法，使用JQuery写的，有点笨，也可能还存在一些问题，暂时还没发现。

**如果觉得这篇文章对你有帮助，就给个 推荐 吧！**