关于表格分页数据从服务器获取，针对单条数据的删除纯前端操作的问题

Question

表格分页数据从服务器获取，针对单条数据的删除纯前端操作，怎么保证第一页删除两条数据翻到第二页再回到第一页的时候不包含被删除的那两条数据。。而且即使不包含那两条数据，后端返回的十条分页第一页只能展示八条了吧。。。，有大佬有这方面的经验吗？

Answer 1

题主说的是比较精细的产品需求，我来试着梳理一下，当用户点击删除按钮：

• 一般情况下，我们会直接调用删除接口，然后重新加载数据，这是最简单的实现，保证前后端数据一致。
• 但题主希望暂时不提交后端，而是前端暂存删除状态，那么当前页少2行也是一个勉强可接受方案
• 显然题主也不能接受每页的行数不一样（最后一页除外），那么还有一个相对简单的实现，就是“标记删除”，不真的在前端删除数据，只是标成“已删除”，相应地修改显示样式（比如用删除线字体之类的）让这2行看起来已经被删掉
• 如果标记删除也不能接受，就只有自己根据所有获得的数据重新分页了——不太推荐这种做法，付出和收获有点不成比例。

Answer 2

你的数据是有缓存在本地吗，不然切换页面都是重新加载数据，不存在切换回来数据还存在的情况，缓存在本地的话，可以在删除成功后将数据也从本地移除。

至于删除一条数据后只剩九条数据，不用后端配合的话可以在删除后重新加载当前页数据(推荐)，和后台约定的话，可以在删除成功后返回当前页数据或者第十条数据

Answer 3

一般来说，我们做的效果都是第一页返回 10 条，操作完之后就会重新拉取接口。

如果你非要实现第一页返回8条，那么可以做一个状态，服务端或者你接收之后，给他过滤即可。

一般来说这种接口不会有缓存吧。如果真的有，那么你可以加个随机数，强制不走缓存。