javascript - JQuery $.post() 不适用于 document.onbeforeunload 事件吗？

Question

我正在尝试使用 $.post 将表单数据发送到服务器端脚本，以便在用户尝试离开页面而不提交表单时保存。我使用附加到保存按钮的相同功能，并将 setInterval 设置为每 2 分钟一次，效果很好。但是当我将该函数附加到 document.onbeforeunload 时，它不起作用。在 firebug 中，我看到请求正在发送，但看起来在返回状态代码之前已停止并且页面继续卸载。我对 Javascript 和 Jquery 还很陌生，我不确定 $.post 是否是那些可能无法在 onbeforeunload 事件上工作的函数之一。如果这是真的，如果用户尝试离开页面而不保存，是否有其他方法可以发送数据？

This is the function I am calling from the onbeforeunload event:

           function ajaxSubmit(){
                var blogtitle = $("#title").val();
                var publishedstate = 0;
                var blogid = $("#blogID").val();
                var blogbody = CKEDITOR.instances['body'].getData();

                var postdata = {ajaxSubmit:true,title:blogtitle,body:blogbody,published:publishedstate,blog_id:blogid};
                $.post('ajaxblog.php',postdata,function(data){
                    $("#autosaveMessage").html(data);
                    $("#autosaveMessage").show();
                    setTimeout(function(){$("#autosaveMessage").hide();},5000);
                });
            }

这就是我调用该函数的方式:

               var post_clicked = false;
            $("#postButton").click(function(){
                post_clicked = true;
            });

            function leaveEditor(){
                if(post_clicked==false){
                    ajaxSubmit();
                }
                else{
                    //Do Nothing
                }
            }

window.onbeforeunload = leaveEditor;

Answer 1

不，这是设计使然。如果页面可以使用 onbeforeunload 无限期地延迟浏览、以某种方式保持其存在等，那将是非常麻烦的。网络浏览器用户最重要的能力之一是能够离开。

只需使用字符串返回值 - 其全部目的是提醒用户他/她所做的更改将会丢失。就像这样:)