本文探讨了两种前端控制页面刷新的思路，以避免在后端处理请求期间用户刷新导致的数据错误。一种是通过监听并阻止页面刷新事件，提示用户操作；另一种是在刷新前记录请求内容，刷新后根据记录屏蔽未处理完成的数据。提供相关代码参考链接，适用于购物等场景，确保用户在服务端响应慢时仍能保持页面状态的正确性。
有时前端请求后端代码需要等待，但用户不想等待使用刷新，这样会造成一些错误的数据等。当然服务端应该可以控制，不过这里说一些前端的控制思路（仅个人想法）
说一下2个思路：
1、可以在接口发出去之后，阻止所有刷新页面的行为进行阻止，并给出提示。基本就是通过键盘和鼠标事件
2、监听页面的刷新行为 beforOnload 在刷新前记录所请求的内容并做一些处理。
以购物为例 提交了一批购物请求 但服务端处理比较慢 可以记住这些物品的ID 在获取列表时前端屏蔽这些未处理完的。具体根据业务想一下。
具体代码可以参看考：
监听页面刷新：https://www.jb51.net/article/67420.htm
阻止页面刷新：https://www.jb51.net/article/67420.htm
扫一扫
2403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
