Comment intercepter une erreur dans la méthode loadQ de jQuery

Question

J'utilise la méthode .load() de jQuery pour récupérer des données lorsqu'un utilisateur clique sur un bouton.

Une fois la charge terminée avec succès, je montre le résultat dans un <div>.

Le problème est, parfois une erreur se produit dans load() lors de la récupération des données.

Comment puis-je détecter une erreur dans load()? Load() offre un rappel.

Answer 1

Rappel.
La fonction appelée lorsque la requête ajax est terminée (pas nécessairement la réussite).

Voici comment c'est fait IIRC. (Ont pas testé)

$("#feeds").load("feeds.php", {limit: 25}, 
    function (responseText, textStatus, XMLHttpRequest) { 
     // XMLHttpRequest.responseText has the error info you want. 
     alert(XMLHttpRequest.responseText); 
}); 

Answer 2

Outre le passage d'un rappel à la fonction load() comme Ólafur Waage suggère, vous pouvez également enregistrer les gestionnaires d'erreur « globaux » (global comme dans global pour tous les appels ajax sur la page).

Il y a au moins deux façons d'enregistrer les gestionnaires d'erreur global Ajax:

enregistrer juste le gestionnaire d'erreurs avec ajaxError():

$.ajaxError(function(event, request, settings) { 
     alert("Oops!!"); 
}); 

Ou, utilisez ajaxSetup() pour mettre en place un gestionnaire d'erreurs et d'autres propriétés à en même temps:

$.ajaxSetup({ 
    timeout: 5000, 
    error: function(event, request, settings){ 
     alert("Oops!"); 
    } 
}); 

Answer 3

load() documentation.

Juste un peu de fond sur la façon dont une erreur de chargement se produit ...

$("body").load("/someotherpath/feedsx.pxhp", {limit: 25}, 
    function (responseText, textStatus, req) { 
     if (textStatus == "error") { 
      return "oh noes!!!!"; 
     } 
}); 

Edit: Ajout d'un autre chemin que le chemin racine comme demandé par les commentaires.

Answer 4

Boîte à outils électrique a un article appelé "Loading content with jQuery AJAX and dealing with failures" qui semble répondre à votre question. Apparemment, la fonction de rappel que vous spécifiez reçoit l'objet response, status et XmlHttpRequest, ce qui vous permet de déterminer l'état de votre requête ajax et de gérer la condition en conséquence.