Cách xử lý lỗi bài đăng jQuery ajax khi điều hướng khỏi trang

Question

Có cách nào xử lý lỗi từ yêu cầu ajax trong JQuery sao cho khi người dùng điều hướng khỏi trang, lỗi kết quả bị bỏ qua không?

$(document).ready(function() { 
$.ajax({ 
    url:'/server/url/', 
    type: 'POST', 
    data: {some..data}, 
    success:function(response) { do stuff with response }, 
    error: function(xhr, textStatus, errorThrown) { 
      // Don't raise this alert if user has navigated away from the page 
      alert('error'); 
    } 
}); 

Tôi tò mò nếu có ai biết cách sạch sẽ để xử lý việc này? Tôi biết bạn có thể tạo ra một số logic trong một phương pháp $(window).bind("beforeunload", function(){}) nhưng tôi muốn nếu có một cách để xử lý tình hình mà không làm điều này kể từ khi Chrome dường như không còn hỗ trợ nó. Có ví dụ như một lỗi cụ thể được trả lại trong trường hợp này?

Cảm ơn.

Answer 1

Dường như câu trả lời cho điều này là để kiểm tra jqXHR.status. Các XMLHttpRequest spec phác thảo các bước sau để thiết lập trạng thái:

The status attribute must return the result of running these steps:

1. If the state is UNSENT or OPENED, return 0 and terminate these steps.

2. If the error flag is set, return 0 and terminate these steps.

3. Return the HTTP status code.¹

Chú ý thêm: Lá cờ báo lỗi chỉ ra một số loại lỗi mạng hoặc yêu cầu phá thai. Ban đầu nó không được đặt và được sử dụng trong trạng thái DONE.

Từ những gì tôi do đó hiểu, kiểm tra mã này nên khắc phục vấn đề:

if (xhr.status == 0) 
     alert('error'); 

---

_{https://web.archive.org/web/20120204040047/http://www.w3.org/TR/XMLHttpRequest/#the-status-attribute}

Answer 2

Tôi đã phải xử lý vấn đề này quá một vài lần.

Tôi khuyên bạn nên ràng buộc với sự kiện $(window).unload, đặt một số biến ở đâu đó, chẳng hạn như trong không gian tên của bạn (App.unloading = true) và sau đó kiểm tra nó trong callback lỗi ajax.

Xem http://api.jquery.com/unload/

Answer 3

Kiểm tra tình trạng không làm việc cho tôi, nhưng

// Ignore incomplete requests, likely due to navigating away from the page 
if (jqXHR.readyState < 4) { 
    return true; 
} 

trong trình xử lý lỗi đã làm (4 là XONG).