jQuery.ajax on onbeforeunload event not working

Question

I have one php page like this

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript">
window.onbeforeunload  = saveBeforeExit;
function saveBeforeExit() {  
    jQuery.ajax({
        url:"truncate_logs.php",
        type:"GET",
        async:false,
        success:function(data){

        }
    })
}
</script>

//I am creating 'logs_".$t.".xls' here

<?php
header("Location: log_files/logs_".$t.".xls");
?>

My problem is here on

Location:onbeforeunload is not getting called.

score 8 · Answer 1 · edited May 23 '17 at 10:24

8

I found the answer. Add async : false to your jquery ajax request.

See How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

edited May 23 '17 at 10:24

Community

1
1

answered Jun 14 '11 at 21:34

Anthony

81
1
2

score 4 · Accepted Answer · answered Mar 11 '11 at 10:15

4

onbeforeunload is not working because it isn't coded properly. You need to return a string from onbeforeunload , which will be used as the message in the window that will appear.

answered Mar 11 '11 at 10:15

kgiannakakis

103,016
27
158
194

Aelios · Answer 3 · 2012-05-30T09:47:52.853

3

I had the same problem and solved it with :

window.onbeforeunload = function (e) {
    var e = e || window.event;

    // For IE and Firefox
    if (e) {
        e.returnValue = '';
    }

    // For Chrome and Safari
    return '';
};

However Opera does not seem to catch onbeforeunload event, so bad !

edited May 30 '12 at 09:47

answered May 30 '12 at 08:16

Aelios

11,849
2
36
54

score 2 · Answer 4 · edited Jun 15 '11 at 01:44

2

Your assign to the event probably comes too early (page not ready).
Please try:

$(document).ready(function() {
  window.onbeforeunload  = saveBeforeExit;
});

edited Jun 15 '11 at 01:44

answered Mar 11 '11 at 10:19

sinner73

157
8

jQuery.ajax on onbeforeunload event not working

4 Answers4

Linked