blocks|key|1178202|text|您的函数和Ajax调用看起来很好，所以我猜测您的浏览器窗口在ajax调用来回于服务器之前就已经关闭了。当窗口关闭时，ajax调用可能会返回一些信息，请尝试在ajax调用中添加错误函数，看看是不是这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1178203|error:+function+(xhr,+textStatus)+{
++++alert('Server+error:+'%2B+textStatus);
}|code-block|syntax|javascript|1178204|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Your function and Ajax call look fine, so my guess is that your browser window is closed before ajax call has time to go to the server and back.
The ajax call might return something when the window is closing, try adding error function to your ajax call to see if that's the case:

<pre><code>error: function (xhr, textStatus) {
 alert('Server error: '+ textStatus);
}
</code></pre>

blocks|key|1178269|text|我认为您需要使用async+:+false参数使请求同步(默认情况下是异步的)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1178270|同步请求在完成之前会锁定浏览器。如果请求是异步的，页面就会继续卸载。它的速度足够快，以至于请求从来没有时间触发。|1178271|entityMap^0|8|D|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

I believe you need to make the request synchronous instead (it's asynchronous by default) using the <code>async : false</code> parameter.

Synchronous requests lock up the browser until they complete. If the request is asynchronous, the page just keeps on unloading. It's quick enough that the request never even has time to fire off.

blocks|key|1393846|text|也许你使用onbeforeunload事件会更成功呢？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1393847|+++$(window).bind('beforeunload',+...|code-block|syntax|javascript|1393848|entityMap^0|5|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Maybe you'd have more success using the <code>onbeforeunload</code> event instead?

<pre><code> $(window).bind('beforeunload', ...
</code></pre>

blocks|key|1178330|text|尝试使用async+=false调用它；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1178331|jQuery.ajax({url:"http://localhost:8888/test.php?",+async:false})|code-block|syntax|javascript|1178332|我刚试过了。|1178333|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try calling it with async = false;

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

I just tried it.

blocks|key|1178380|text|HTML5规范规定，alert()、prompt()等在window.unload()事件期间将不可用。更多详情请查看window.unload()。您可以使用console.log('success');而不是alert()来检查结果。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1178381|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/Events/unload^0|A|7|I|8|S|F|28|N|2Y|7|1N|F|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

The HTML 5 Specification states that <code>alert()</code>, <code>prompt()</code>, etc. will not be available during the <code>window.unload()</code> event. Please see <a href="https://developer.mozilla.org/en-US/docs/Web/Events/unload" rel="nofollow">window.unload()</a> for more details. You can check the result by using <code>console.log('success');</code> instead of <code>alert()</code>.

blocks|key|1178447|text|最好的解决方案是使用navigator.sendBeacon。这是一个全新的功能，开始在新版本的浏览器中实现。该功能在比Chrome+39和Firefox+31更新的浏览器中可用。在撰写本文时，Internet+Explorer和Safari还不支持它。为了确保您的请求在尚不支持新功能的浏览器中发送，您可以使用以下解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1178448|var+navigator.sendBeacon+=+navigator.sendBeacon+%7C%7C+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);
};|code-block|syntax|javascript|1178449|此函数不允许您注册onsuccess回调。|1178450|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon^0|A|K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

The best solution is to use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon">navigator.sendBeacon</a>. It is brand new functionality which is starting to get implemented in new releases of browsers. The function is available in browsers newer than Chrome 39 and Firefox 31. It is not supported by Internet Explorer and Safari at the time of writing. To make sure your request gets send in the browsers that don't support the new functionality yet, you can use this solution:

<pre><code>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);
};
</code></pre>

This function does not allow you to register a onsuccess callback though.

I'm trying to do this:

<pre><code>$(window).unload( function () { 

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

However, the success alert is never shown, nor does this request seem to be even hitting the server. What am I doing wrong?

Ajax request with JQuery on page unload

服务器

jQuery

HTML5

我正在尝试这样做：$(window).unload( function () { $.ajax({    type: "POST",    url: "http://localhost:8888/test.php?",    data: "test",    success: function(msg){       ...

问页面卸载时使用JQuery的Ajax请求
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问页面卸载时使用JQuery的Ajax请求EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问页面卸载时使用JQuery的Ajax请求
EN