请教各位大牛一个无刷新删除的问题？？

[c_ccck]

做了一个无刷新删除，先ajax无刷新删除了数据库的数据，成功后删除对应的显示数据的<tr></tr>,确实实现了无刷新删除。当前页是显示10条数据的，但每删除当前页一个<tr></tr>就少了一行，可是后面的数据不知道如何补上，才能让被删除的页面再次显示10条数据。（分页不是无刷新）

[楠小南]

删除成功后，服务端 再一次返回新的数据 ajax 刷新视图 例如：ajax 提交删除后，如果删除成功 就返回 新的数据 + 删除成功 否则 返回删除失败 这样

[以专业开发人员为伍]

如果你删除一条记录，之后自然就要再读取一条记录到前端。

[c_ccck]

引用 1 楼 q363186 的回复:

删除成功后，服务端 再一次返回新的数据 ajax 刷新视图 例如：ajax 提交删除后，如果删除成功 就返回 新的数据 + 删除成功 否则 返回删除失败 这样

是用ajax再次返回数据库的所有数据，还是只需要返回当前页所需的数据就行呢？，如果是后者那该如何做？

[c_ccck]

引用 2 楼 sp1234 的回复:

如果你删除一条记录，之后自然就要再读取一条记录到前端。

请问你有什么好的办法确定要读取的那一条数据吗？

[秋的红果实]

删除后重新加载数据

[楠小南]

引用 3 楼 c_ccck 的回复:

[quote=引用 1 楼 q363186 的回复:] 删除成功后，服务端 再一次返回新的数据 ajax 刷新视图 例如：ajax 提交删除后，如果删除成功 就返回 新的数据 + 删除成功 否则 返回删除失败 这样

是用ajax再次返回数据库的所有数据，还是只需要返回当前页所需的数据就行呢？，如果是后者那该如何做？[/quote] 不知道你分页是不是ajax 的 还有数据是顺序显示还是倒序显示 这样 你记录当前页数，(顺序显示)例如每页10行数据 删除 第2页，第2行 就是删除数据库的 （页数-1）*10 + 删除的行（2）=12 将12提交上去，删除后 select top(1)(id) from 表 where id not in(select top(12) (id) from 表) -----返回 或者直接返回一页数据也可以 把页数 -1 提交上去 然后 id not in (页数) 说白了 就是 ajax 分页 而已。。

[吉普赛的歌]

画蛇添足想太多了， 删除一条数据， 不应该在前端来“删除行”， 而是直接 ajax 获取当前页数据

[快乐起航2020]

ajax 在执行一次就行 ，吧当前的页索引，pagesize，条件，排序 在传过去不就行了

[Im_Sorry]

....ddd

[zhaoshikun]

顶你，不知道如何处理啊啊

[烟波钓]

引用 7 楼 yenange 的回复:

画蛇添足想太多了， 删除一条数据， 不应该在前端来“删除行”， 而是直接 ajax 获取当前页数据

这是正常的解决方案 不要把简单问题复杂化了

[人生难得一只鸡]

个人觉得，凡是影响数据量的操作，比如删除，那么你可以ajax获取到第一页的数据，而不是刷新当前页，因为有可能删除后，当前页已经不存在了，没有记录了 所以删除 定位到第一页即可 如果是编辑，直接ajax请求当前也即可

[拜一刀]

引用 8 楼 yanbuodiao 的回复:

引用 7 楼 yenange 的回复:

画蛇添足想太多了， 删除一条数据， 不应该在前端来“删除行”， 而是直接 ajax 获取当前页数据

这是正常的解决方案 不要把简单问题复杂化了

额,楼主这种方案不还是要刷新数据吗,那么前端删除掉这条是无用功吧

[烟波钓]

引用 10 楼 zeratul1990 的回复:

引用 8 楼 yanbuodiao 的回复:

[quote=引用 7 楼 yenange 的回复:] 画蛇添足想太多了， 删除一条数据， 不应该在前端来“删除行”， 而是直接 ajax 获取当前页数据

这是正常的解决方案 不要把简单问题复杂化了

额,楼主这种方案不还是要刷新数据吗,那么前端删除掉这条是无用功吧[/quote] 前端删除没没必要 正常的做法： 删除时，发起一个Ajax请求，发送给服务端的数据包含：要删除的元素的标记和当前页的查询条件 服务端删除后，直接根据查询条件把符合条件的数据拿上来在贴到页面上 如果什么删除失败了什么的怎么办，把本次操作的返回值封装成一个ViewModel拿回来，根据Ajax请求到的数据做处理去

[吉普赛的歌]

引用 11 楼 yanbuodiao 的回复:

引用 10 楼 zeratul1990 的回复:

[quote=引用 8 楼 yanbuodiao 的回复:] [quote=引用 7 楼 yenange 的回复:] 画蛇添足想太多了， 删除一条数据， 不应该在前端来“删除行”， 而是直接 ajax 获取当前页数据

这是正常的解决方案 不要把简单问题复杂化了

额,楼主这种方案不还是要刷新数据吗,那么前端删除掉这条是无用功吧[/quote] 前端删除没没必要 正常的做法： 删除时，发起一个Ajax请求，发送给服务端的数据包含：要删除的元素的标记和当前页的查询条件 服务端删除后，直接根据查询条件把符合条件的数据拿上来在贴到页面上 如果什么删除失败了什么的怎么办，把本次操作的返回值封装成一个ViewModel拿回来，根据Ajax请求到的数据做处理去[/quote] 你才复杂吧， 重新获取当前页的数据就可以了， 哪需要那么多逻辑

[烟波钓]

引用 12 楼 yenange 的回复:

你才复杂吧， 重新获取当前页的数据就可以了， 哪需要那么多逻辑

这孩子想要一个无刷新的删除，删完后把最新的数据搞出来（还是无刷新） 本来就是两件事

[烟波钓]

引用 12 楼 yenange 的回复:

你才复杂吧， 重新获取当前页的数据就可以了， 哪需要那么多逻辑

需要考虑到删除失败了，页面怎么提示，一股脑的删除逻辑走一遍，不论成功失败，都获取一遍当前页的数据，用户体验不好吧，不留意看不出来到底是删除成功了还是失败了

[吉普赛的歌]

引用 14 楼 yanbuodiao 的回复:

[quote=引用 12 楼 yenange 的回复:] 你才复杂吧， 重新获取当前页的数据就可以了， 哪需要那么多逻辑

需要考虑到删除失败了，页面怎么提示，一股脑的删除逻辑走一遍，不论成功失败，都获取一遍当前页的数据，用户体验不好吧，不留意看不出来到底是删除成功了还是失败了[/quote] 删除成功， 给一个提示， 然后 ajax 刷新页面。 删除失败， 还是提示， 不需要ajax刷新页面了。