jQuery $ .get ou $ .post pour intercepter l'erreur de chargement de la page (par exemple, 404)

Comment pouvez-vous attraper Erreur de Serveur ou 404 page non trouvée, lorsque vous utilisez $.obtenir ou $.post ?

Par exemple:

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

Qui ne font absolument rien, si il y a une Erreur de Serveur de chargement "/myhandler", ou si il n'est pas trouvé.

Comment voulez-vous faire vous avertir si il y a une erreur?

source d'informationauteur Aximili

  1. 22

    utilisation error gestionnaire sur $.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){}
});

    démo

  2. 36

    vous pourriez faire

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

    échec sera appelé si theres une erreur

  3. 5

    Les autres réponses sont gentils et tout, mais il y a des solutions alternatives, à savoir .ajaxSetup.ajaxError et d'autres Ajax gestionnaires d'événements (vérifier la ajaxSetup page de doc pour plus d'info sur le reste).

    Par exemple, avec .ajaxError vous pouvez configurer un mondial de gestionnaire de l'ensemble de vos ajax erreurs de .post.get.getJSON et .ajax pour un ensemble spécifique d'éléments.

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

    Utilisation $.ajax au lieu et à l'utilisation de la error de rappel.

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

  5. 1

    Essayez d'utiliser $.ajaxSetup() , stausCode option 

    $.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/"})