Javascript window.onbefore在Chrome中卸载ajax请求
我有一个网页，可以通过Ajax远程控制机器。当用户离开页面时，我想自动断开与机器的连接。下面是代码：Javascript window.onbefore在Chrome中卸载ajax请求,javascript,ajax,google-chrome,Javascript,Ajax,Google Chrome,我有一个网页，可以通过Ajax远程控制机器。当用户离开页面时，我想自动断开与机器的连接。下面是代码： window.onbeforeunload = function () { bas_disconnect_only(); } 断开连接函数只向PHP服务器端脚本发送HTTP GET请求，该脚本执行断开连接的实际工作： function bas_disconnect_only () { var xhr = bas_send_request("req=10", function () {
window.onbeforeunload = function () {
bas_disconnect_only();
}
function bas_disconnect_only () {
var xhr = bas_send_request("req=10", function () {
});
}
function bas_disconnect_only () {
var xhr = bas_send_request("req=10", function () {
alert("You're been automatically disconnected.");
});
}
bas\u disconnect\u only（）var has_disconnected = false;
window.onbeforeunload = function () {
while (!has_disconnected) {
bas_disconnect_only();
// This doesn't have to be here but it doesn't hurt to add it:
return true;
}
}
bas_send_request（）bas\u disconnect\u only（）var has_disconnected = false;
window.onbeforeunload = function () {
while (!has_disconnected) {
bas_disconnect_only();
// This doesn't have to be here but it doesn't hurt to add it:
return true;
}
}
bas_send_request（）祝你好运，我希望这会有所帮助。我也遇到了同样的问题，Chrome没有在window.unload事件中向服务器发送AJAX请求 只有在请求是同步的情况下，我才能让它工作。我可以通过Jquery实现这一点，并将async属性设置为false：
$(window).unload(function () {
$.ajax({
type: 'GET',
async: false,
url: 'SomeUrl.com?id=123'
});
});
$(window).on("beforeunload", function () {
$.ajax({
type: 'POST',
url: 'Cierre_unload.php',
success: function () {
}
})
})
上面的代码在IE9、Chrome 19.0.1084.52 m和Firefox 12中对我有效。我遇到了同样的问题，Chrome没有在window.unload事件中向服务器发送AJAX请求 只有在请求是同步的情况下，我才能让它工作。我可以通过Jquery实现这一点，并将async属性设置为false：
$(window).unload(function () {
$.ajax({
type: 'GET',
async: false,
url: 'SomeUrl.com?id=123'
});
});
$(window).on("beforeunload", function () {
$.ajax({
type: 'POST',
url: 'Cierre_unload.php',
success: function () {
}
})
})
以上代码在IE9、Chrome 19.0.1084.52 m和Firefox 12中对我有效。这与Chrome的新版本相关 与@Garry English类似，在页面
onunloadasyncsynconbeforeunloadvar _wasPageCleanedUp = false;
function pageCleanup()
{
if (!_wasPageCleanedUp)
{
$.ajax({
type: 'GET',
async: false,
url: 'SomeUrl.com/PageCleanup?id=123',
success: function ()
{
_wasPageCleanedUp = true;
}
});
}
}
$(window).on('beforeunload', function ()
{
//this will work only for Chrome
pageCleanup();
});
$(window).on("unload", function ()
{
//this will work for other browsers
pageCleanup();
});
这与较新版本的Chrome相关 与@Garry English类似，在页面
onunloadasyncsynconbeforeunloadvar _wasPageCleanedUp = false;
function pageCleanup()
{
if (!_wasPageCleanedUp)
{
$.ajax({
type: 'GET',
async: false,
url: 'SomeUrl.com/PageCleanup?id=123',
success: function ()
{
_wasPageCleanedUp = true;
}
});
}
}
$(window).on('beforeunload', function ()
{
//this will work only for Chrome
pageCleanup();
});
$(window).on("unload", function ()
{
//this will work for other browsers
pageCleanup();
});
这是一个相对较新的API，IE似乎还不支持它。当用户离开页面并向后端发送ajax请求时，我必须跟踪任何情况
var onLeavePage = function() {
$.ajax({
type: 'GET',
async: false,
data: {val1: 11, val2: 22},
url: backend_url
});
};
/**
* Track user action: click url on page; close browser tab; click back/forward buttons in browser
*/
var is_mobile_or_tablet_device = some_function_to_detect();
var event_name_leave_page = (is_mobile_or_tablet_device) ? 'pagehide' : 'beforeunload';
window.addEventListener(event_name_leave_page, onLeavePage);
/**
* Track user action when browser tab leave focus: click url on page with target="_blank"; user open new tab in browser; blur browser window etc.
*/
(/*@cc_on!@*/false) ? // check for Internet Explorer
document.onfocusout = onLeavePage :
window.onblur = onLeavePage;
请注意，事件“pagehide”会在桌面浏览器中触发，但在用户单击浏览器中的后退/前进按钮时不会触发（在最新版本的Mozilla Firefox中进行测试）。我必须跟踪用户离开页面并向后端发送ajax请求的任何情况。