Làm thế nào để biết khi nào một người dùng đã rời trang và làm mới trang

Question

Tôi muốn thực hiện cuộc gọi AJAX trước khi người dùng rời khỏi trang (vì vậy về cơ bản trước khi rời trang và trước khi làm mới trang)?

Làm cách nào để thực hiện điều này. Tôi đã cố gắng để tìm kiếm một cái gì đó với jQuery nhưng didnt nhận được bất cứ điều gì.

Tôi cố gắng để sử dụng đoạn mã sau -

window.onbeforeunload(function(){alert('before unload');}); 

Nhưng hộp cảnh báo không bao giờ xuất hiện khi rời khỏi trang (đóng tab trình duyệt) hoặc làm mới trang.

Làm cách nào để thực hiện điều này?

Answer 1

$(window).unload(function() { 
    alert('Visitor left page'); 
}); 

Về cuộc gọi ajax, bạn có thể làm điều đó, nhưng bạn phải thiết lập các async-false.

$.ajax({ 
    async: false, 
    ... 
}); 

Answer 2

Bạn nên cố gắng unload() từ jquery:

$(window).unload(function(){ 
    //Do your call 
    alert('before unload'); 
    }); 

oro bạn có thể sử dụng các sự kiện beforeunload. Bạn nên kiểm tra nó tốt vì trình duyệt có xu hướng imlement những điều khác nhau. lấy từ tài liệu jquery:

Xử lý chính xác sự kiện dỡ tải đã thay đổi từ phiên bản sang phiên bản trình duyệt. Ví dụ: một số phiên bản Firefox kích hoạt sự kiện khi liên kết được theo dõi, nhưng không phải khi cửa sổ đóng. Trong cách sử dụng thực tế, hành vi phải được kiểm tra trên tất cả các trình duyệt được hỗ trợ, và tương phản với sự kiện trước khi tải độc quyền.

Answer 3

Mã của bạn chỉ đơn giản là sai. Các unbeforeunload được sử dụng để hỏi người đó nếu anh ta thực sự muốn rời khỏi trang. Bạn cần tải xuống.

window.onunload = function() { 
    // Make your AJAX call 

} 

phương pháp tốt hơn sử dụng jQuery.unload()