如何解决带有“卸载”事件并在注销时进行ajax调用的自动保存：操作顺序导致问题
| 我正在在线编辑器上使用自动保存功能。 当用户离开页面时（检测到“ 0”或“ 1”事件），我正在发送AJAX请求（异步=假）以保存数据。 有时我在Firefox等浏览器中遇到问题，因为发生了一系列事件： 事件触发 请求发送 页面更改和用户断开连接 服务器分析请求=>问题！ 请求浏览器收到的响应 当然，由于用户已断开连接，因此无法处理“保存”请求。 有没有一种与所有浏览器兼容的方法，可以在页面实际更改之前等待AJAX调用的响应？解决方法
ori的答案是正确和完整的。
但是从您的情况来看，您可以使用一种解决方法。
您可能对以下两个JavaScript功能感兴趣：
localStorage和sessionStorage（除了在浏览器关闭时清除了第二个之外，其他都相同），所以您很可能会选择第一个）
这个想法是使用一些元数据将数据保存到localStorage，以说明是否保存了更改。如果用户离开页面但转到服务中的另一个页面，或者甚至稍后返回，则可以再次发送数据，并附带一些由于页面卸载而未保存的信息。
概念证明代码：
$(window).bind(\'unload\',function() {
localStorage.setItem(\'unsavedData\',data);
localStorage.setItem(\'unsaved\',true);
});
$(document).ready(function(){
if(localStorage.getItem(\'unsaved\')){
//ajax send
localStorage.setItem(\'unsaved\',false);
}
});
$(window).bind(\'beforeunload\',function() {
// AJAX
return \'STRING\';
});
STRING
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。