Fonction d'erreur ajax de jQuery

Question

J'ai un appel ajax qui transmet des données à une page qui renvoie ensuite une valeur.

J'ai récupéré l'appel réussi à partir de la page mais je l'ai codé de telle sorte qu'il soulève une erreur dans l'asp. Comment puis-je récupérer cette erreur à partir de Jquery ?

Par exemple :

cache: false,
url: "addInterview_Code.asp",
type: "POST",
datatype: "text",
data: strData,
success: function (html) {
    alert('successful : ' + html);
    $("#result").html("Successful");
},
error: function (error) {
    **alert('error; ' + eval(error));**
}

C'est l'erreur que je ne comprends pas. Dans la fonction, quel paramètre dois-je mettre, pour pouvoir ensuite utiliser le message d'erreur que j'ai reçu ? soulevé dans le serveur.

Answer 1

Les paramètres requis dans une requête Ajax error fonction sont jqXHR, exception et vous pouvez l'utiliser comme ci-dessous :

$.ajax({
    url: 'some_unknown_page.html',
    success: function (response) {
        $('#post').html(response.responseText);
    },
    error: function (jqXHR, exception) {
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    },
});

DEMO FIDDLE

---

Paramètres

jqXHR :

Il s'agit en fait d'un objet d'erreur qui ressemble à ceci

Vous pouvez également le visualiser dans la console de votre propre navigateur, en utilisant console.log à l'intérieur de la error comme une fonction :

error: function (jqXHR, exception) {
    console.log(jqXHR);
    // Your error handling logic here..
}

Nous utilisons le status de cet objet pour obtenir le code d'erreur, par exemple si nous obtenons status = 404 cela signifie que la page demandée n'a pas pu être trouvée. Elle n'existe pas du tout. Sur la base de ce code d'état, nous pouvons rediriger les utilisateurs vers la page de connexion ou tout ce que notre logique commerciale exige.

exception :

Il s'agit d'une variable de type chaîne qui indique le type d'exception. Donc, si nous obtenons l'erreur 404, exception le texte serait simplement "erreur". De même, nous pourrions obtenir 'timeout', 'abort' comme autres textes d'exception.

---

Avis de dépréciation : Le site jqXHR.success() , jqXHR.error() y jqXHR.complete() sont obsolètes depuis la version 1.8 de jQuery. Pour préparer votre code pour leur suppression éventuelle, utilisez jqXHR.done() , jqXHR.fail() , et jqXHR.always() à la place.

Donc, si vous utilisez jQuery 1.8 ou supérieur nous devrons mettre à jour la logique des fonctions de succès et d'erreur comme:-

// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax("some_unknown_page.html")
    .done(function (response) {
        // success logic here
        $('#post').html(response.responseText);
    })
    .fail(function (jqXHR, exception) {
        // Our error logic here
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    })
    .always(function () {
        alert("complete");
    });

J'espère que cela vous aidera !

Answer 2

Essayez ça :

error: function(jqXHR, textStatus, errorThrown) {
  console.log(textStatus, errorThrown);
}

Si vous voulez informer votre frontend d'une erreur de validation, essayez de retourner du json :

dataType: 'json',
success: function(data, textStatus, jqXHR) {
   console.log(data.error);
}

Votre asp script devrait retourner :

{"error": true}

Answer 3

Voici comment retirer l'erreur asp.

              cache: false,
              url: "addInterview_Code.asp",
              type: "POST",
              datatype: "text",
              data: strData,
              success: function (html) {
                  alert('successful : ' + html);
                  $("#result").html("Successful");
              },
              error: function (jqXHR, textStatus, errorThrown) {
                  if (jqXHR.status == 500) {
                      alert('Internal error: ' + jqXHR.responseText);
                  } else {
                      alert('Unexpected error.');
                  }
              }

Answer 4

error(jqXHR, textStatus, errorThrown)

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

Answer 5

          cache: false,
          url: "addInterview_Code.asp",
          type: "POST",
          datatype: "text",
          data: strData,
          success: function (html) {
              alert('successful : ' + html);
              $("#result").html("Successful");
          },
          error: function(data, errorThrown)
          {
              alert('request failed :'+errorThrown);
          }