jQuery $ .get hoặc $ .post để bắt lỗi tải trang (ví dụ: 404)

Question

Làm thế nào để bạn gặp lỗi Máy chủ hoặc trang 404 không tìm thấy, khi bạn sử dụng $ .get hoặc $ .post?

Ví dụ:

$.post("/myhandler", { value: 1 }, function(data) { 
    alert(data); 
}); 

Điều đó sẽ làm hoàn toàn không có gì nếu có một Server Error tải "/ myhandler", hoặc nếu nó không được tìm thấy.

Làm cách nào để bạn thông báo cho bạn nếu có lỗi?

Answer 1

sử dụng error xử lý trên $.ajax()

$.ajax({ 
    url: "/myhandler", 
    data: {value: 1}, 
    type: 'post', 
    error: function(XMLHttpRequest, textStatus, errorThrown){ 
     alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText); 
    }, 
    success: function(data){} 
}); 

demo

Answer 2

Sử dụng $.ajax thay vào đó và sử dụng gọi lại error.

http://api.jquery.com/jQuery.ajax/

Answer 3

Những câu trả lời khác là tốt đẹp và tất cả, nhưng có giải pháp thay thế, cụ thể là .ajaxSetup, .ajaxError và xử lý sự kiện Ajax khác (kiểm tra trang tài liệu ajaxSetup để biết thêm thông tin về phần còn lại).

Ví dụ, với .ajaxError bạn có thể thiết lập một handler toàn cầu của tất cả các lỗi ajax của bạn từ .post, .get, .getJSON và .ajax cho một tập hợp cụ thể của các yếu tố.

$(selector).ajaxError(function(event, xhr, ajaxOptions, errorThrown) { 
    // handle ajax error here 
}); 

Answer 4

bạn có thể làm

$.post("/myhandler", { value: 1 }, function(data) { 
    alert(data); 
}).fail(function(){ 
    // Handle error here 
}); 

thất bại sẽ được gọi nếu theres một lỗi

Answer 5

Hãy thử sử dụng $.ajaxSetup(), stausCode tùy chọn

$.ajaxSetup({ 
    statusCode : { 
    // called on `$.get()` , `$.post()`, `$.ajax()` 
    // when response status code is `404` 
    404 : function (jqxhr, textStatus, errorThrown) { 
      console.log(textStatus, errorThrown); 
      } 
    } 
}); 

// $.get("/path/to/url/"); 
// $.post("/path/to/url/"); 
// $.ajax({url:"/path/to/url/"})