Kích hoạt sự kiện khi người dùng điều hướng đi

Question

Tôi cần gọi hàm JavaScript/jQuery có một vài dòng mã trong đó, trên trang PHP khi người dùng đóng cửa sổ/tab hoặc điều hướng bằng cách nhấp vào liên kết. Tôi đã thử chức năng onbeforeunload nhưng chỉ thực hiện phần return "blah blah blah;" và mọi thứ khác bị bỏ qua. Tôi cũng đã thử các phương pháp .unload từ jQuery nhưng đối với một số lý do mã này không chạy.

$(window).unload(function() { 
    alert('blah blah blah'); 
}); 

Vui lòng đề xuất lựa chọn thay thế. Cảm ơn ..

Answer 1

Đây là một ví dụ đơn giản. Bất kể bạn return từ cuộc gọi lại unload sẽ được hiển thị trong xác nhận bật lên của trình duyệt.

dụ làm việc gửi yêu cầu Ajax trước khi dỡ bỏ http://jsfiddle.net/alexflav23/hujQs/7/

Cách dễ nhất để làm điều này:

window.onbeforeunload = function(event) { 
    // do stuff here 
    return "you have unsaved changes. Are you sure you want to navigate away?"; 
}; 

trong jQuery:

$(window).on("beforeunload", function() { 
    $.ajax("someURL", { 
     async: false, 
     data: "test", 
     success: function(event) { 
      console.log("Ajax request executed"); 
     } 
    }); 
    return "This is a jQuery version"; 
}); 

Nhìn vào tab Mạng của trình duyệt. Bạn sẽ thấy cách yêu cầu được gửi như bạn muốn làm. Chỉ cần gửi dữ liệu thích hợp.

Ghi nhớ tất cả các thao tác được kích hoạt phải đồng bộ, vì vậy bạn chỉ có thể thực hiện các yêu cầu ajax đồng bộ chẳng hạn. Tuy nhiên, điều trên không hoàn toàn đáng tin cậy cho bất kỳ mục đích nào.

Chọn sao lưu định kỳ dữ liệu người dùng thành localStorage và đồng bộ hóa với máy chủ tự động. Giữ window.onbeforeunload chỉ là một biện pháp phòng ngừa bổ sung, nhưng không phải là một cơ chế chính. Nó cũng được biết là gây ra vấn đề.