页面上带有JQuery的Ajax请求卸载

我正在尝试这样做：

$(window).unload( function () { 

$.ajax({
    type: "POST",
    url: "http://localhost:8888/test.php?",
    data: "test",
    success: function(msg){
         alert( "Data Saved: " + msg );
    }
}); 
alert (c);
});

但是，永远不会显示成功警报，该请求似乎也没有击中服务器。我究竟做错了什么？

我相信您需要使用async : false参数来使请求同步（默认情况下是异步的）。

同步请求将锁定浏览器，直到完成。如果请求是异步的，则页面只会继续卸载。它足够快，以至于请求甚至都没有时间触发。

尝试使用async = false调用它；

jQuery.ajax({url:"http://localhost:8888/test.php?", async:false})

我刚试过

最好的解决方案是使用navigator.sendBeacon。它是全新的功能，已开始在新版本的浏览器中实现。此功能在Chrome 39和Firefox 31以后的浏览器中可用。在撰写本文时，Internet Explorer和Safari不支持该功能。为了确保您的请求能够在不支持新功能的浏览器中发送，您可以使用以下解决方案：

var navigator.sendBeacon = navigator.sendBeacon || function (url, data) {
  var client = new XMLHttpRequest();
  client.open("POST", url, false); // third parameter indicates sync xhr
  client.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
  client.send(data);
};

但是，此函数不允许您注册成功回调。

的HTML 5规范规定alert()，prompt()的期间等，将不会提供window.unload()事件。请参阅window.unload（）了解更多详细信息。您可以使用console.log('success');代替来检查结果alert()。

也许使用该onbeforeunload活动会获得更大的成功？

   $(window).bind('beforeunload', ...

您的函数和Ajax调用看起来不错，所以我猜测是在ajax调用有时间进入服务器并返回之前，浏览器窗口已关闭。窗口关闭时，ajax调用可能返回一些信息，请尝试向您的ajax调用添加错误功能，以查看是否为这种情况：

error: function (xhr, textStatus) {
    alert('Server error: '+ textStatus);
}