删除最后一页最后一个元素的刷新方法

删除最后一页最后一个元素的刷新方法:

//02 数据刷新
//记录总页数,
let totalPage = Math.ceil((this.total - 1) / this.pageSize);
console.log(totalPage);

//最后一条数据的 判断处理
if (totalPage === 0 ){
this.findBuild(1,2);
return;
}

// //判断总的页数和当前 页数的关系
// // 如果 currentPage > 总页数  使用 总的页数
let currentPage = this.currentPage > totalPage ? totalPage : this.currentPage
// //最后一页的判断处理
this.currentPage = currentPage < 1 ? 1 : currentPage;
//更新操作
this.findBuild(this.currentPage,this.pageSize);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
您可以使用 jQuery 中的 AJAX 方法来实现异步无刷新删除。具体实现步骤如下: 1. 给删除按钮绑定点击事件。 2. 在点击事件中,使用 AJAX 发送一个 POST 请求,向服务器发送删除请求,并带上要删除的数据的 ID。 3. 服务器接收到请求后,删除对应的数据。 4. AJAX 接收到服务器返回的响应后,根据响应结果,执行相应的操作,比如移除页面上对应的元素等。 以下是一个示例代码: ``` // 给删除按钮绑定点击事件 $('.delete-btn').click(function() { var id = $(this).data('id'); // 获取要删除的数据的 ID // 发送 AJAX 请求 $.ajax({ url: '/delete', type: 'POST', data: { id: id }, // 带上要删除的数据的 ID success: function(resp) { // 根据响应结果执行操作 if (resp.success) { // 删除成功,移除页面上对应的元素 $('#item-' + id).remove(); } else { // 删除失败,弹出错误提示 alert(resp.message); } }, error: function() { // 发生错误,弹出错误提示 alert('删除失败,请稍后重试!'); } }); }); ``` 在上述示例代码中,我们给删除按钮绑定了一个点击事件,当用户点击按钮时,会发送一个 POST 请求到服务器,请求删除对应的数据。服务器接收到请求后,删除对应的数据,并返回一个 JSON 格式的响应结果。如果删除成功,响应结果中的 success 属性为 true,我们就可以移除页面上对应的元素;如果删除失败,响应结果中的 success 属性为 false,我们就可以弹出错误提示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小海海不怕困难

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值