本文探讨了在用户关闭浏览器时，利用Ajax发送最后的保存草稿请求的技术。通过JavaScript监听`window.onbeforeunload`事件并在事件触发时调用函数。然而，测试结果显示该方法在Safari浏览器中不支持，其他浏览器则正常工作。代码示例展示了如何实现这一功能，并在表单提交时避免重复触发请求。
浏览器关闭时，发送ajax请求
发布于：2018.11.12 - 13:10
当用户在浏览器关闭时，向服务器后台发送ajax请求。代码如下。
测试结果：Safari浏览器不支持，其余浏览器支持。
if ($("#new-post").length > 0 && $("#new-post input[name='_post_post_id']").length > 0) {
function my_sava_auto_draft() {
var post_id = $("input[name='_post_post_id']").val();
$.ajax({
type: "POST",
datatype: 'json',
async: false, //异步执行设置为 false 否则浏览器刷新时不会执行
url: ajaxurl,
data: {
'post_id': post_id,
'action_name': '_my_save_auto_draft',
'action': 'my_action',
}
});
}
window.onbeforeunload = function(e) {
my_sava_auto_draft();
}
$("form").on("submit", function() {
// window.onbeforeunload = null;
});
}
赞赏
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
