Capture d'erreur pour .getJson

Version imprimable

Bonjour,
Depuis quelques jours je tourne en rond sur Google, ebooks et les forums à chercher comment capturer l'erreur survenue suite à un appel à la fonction .getJson
mon code est le suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html>
<html>
 
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            REST_API_URL = "http://localhost:8080/Routing/sql" 
            $("button").click(function () 
            {
                $.getJSON(REST_API_URL,
                            function (result) 
                            {
                                alert("J'ai reçu quelque chose !");
                            }
                        )
                .fail(function (xhr, textStatus, msg) 
                        {
                            alert("textStatus = " + textStatus);
                            alert("msg = " + msg);
                        }
                    );
            });
        });
    </script>
</head>
<body>
    <button>Get JSON data</button>
    <div></div>
</body>
</html>

Mais je n'arrive pas à avoir le statut de la requête en erreur 404, 502, 403 ou autre, uniquement

textStatus = error
msg reste vide

Merci d'avance de votre aide

essayez avec l'affichage de la console, vous aurez peut-être des retours sous forme d'objets avec plus d'informations
Code:

1 2 3 4 5 6 7 .fail(function (xhr, textStatus, msg) { console.log(xhr); console.log(textStatus); console.log(msg); } );

09/06/2017, 08h56
tunizar

Bonjour,
Merci de votre réponse, j'ai essayé d'afficher les informations dans la console, voilà ce que je vois

Sous la console de I.E

Citation:

SCRIPT7002: XMLHttpRequest: Erreur réseau 0x2efd, Impossible d'effectuer l'opération à cause de l'erreur suivante 00002efd.
Fichier*: nizar.html
xhr : =>
[object Object]
{
[functions]: ,
__proto__: { },
readyState: 0,
responseJSON: undefined,
status: 0,
statusText: "error"
}

textStatus : =>
error
msg : =>

Sous la console de chrome

Citation:

nizar.html:11 GET http://localhost:8080/Routing/sql net::ERR_CONNECTION_REFUSED
send @ jquery.min.js:4
ajax @ jquery.min.js:4
r.(anonymous function) @ jquery.min.js:4
getJSON @ jquery.min.js:4
(anonymous) @ nizar.html:11
dispatch @ jquery.min.js:3
q.handle @ jquery.min.js:3
nizar.html:19 xhr : =>
nizar.html:20 Object {readyState: 0, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function…}abort: function (a)always: function ()catch: function (a)done: function ()fail: function ()getAllResponseHeaders: function ()getResponseHeader: function (a)overrideMimeType: function (a)pipe: function ()progress: function ()promise: function (a)readyState: 0responseJSON: undefinedsetRequestHeader: function (a,b)state: function ()status: 0statusCode: function (a)statusText: "error"then: function (b,d,e)__proto__: Object
nizar.html:21 textStatus : =>
nizar.html:22 error
nizar.html:23 msg : =>
nizar.html:24

P.S : je ne suis qu'un débutant béta en JavaScript
09/06/2017, 09h31
mathieu

ce n'est pas un soucis de JavaScript, ces erreurs indiquent qu'il n'y a pas de serveur à l'adresse http://localhost:8080/
09/06/2017, 09h40
tunizar

Bonjour,
et comment les capturer par programmation ? faire un try/catch ou autre ? il faut que je renvoi ces erreurs à l'utilisateur.
09/06/2017, 14h41
Watilin
Tu testes si status = 0. Ce n’est pas un cas d’erreur précis, tu ne peux pas faire la différence entre ces deux situations :
- le serveur n’existe pas
- la machine cliente a un problème de connexion
Tiens compte de ça dans le message que tu adresses à l’utilisateur.
09/06/2017, 16h14
tunizar

Donc il n'est pas possible d'avoir le code 404 ou 403 ou autre ?
09/06/2017, 16h53
Watilin

Citation:

Envoyé par tunizar

Donc il n'est pas possible d'avoir le code 404 ou 403 ou autre ?

Confer le post de Mathieu :

Citation:

Envoyé par mathieu

ce n'est pas un soucis de JavaScript, ces erreurs indiquent qu'il n'y a pas de serveur à l'adresse http://localhost:8080/

404, 403, etc. sont des codes de réponse de serveur, et pour avoir une réponse, il faut qu’il y ait un serveur ;)
09/06/2017, 18h38
mathieu

une idée pour faire la différence entre un serveur qui n'existe pas et un problème de connexion serait de tester plusieurs serveurs. et si aucun ne répond il est plus probable qu'il n'y ait pas de connexion

mais ensuite ce manque de connexion peut venir d'un problème de routeur, modem, fournisseur d'accès, câble sous-marin mangé par un requin, etc.
09/06/2017, 22h06
Watilin

Citation:

Envoyé par mathieu

câble sous-marin mangé par un requin

On devrait prévoir un code spécifique pour ça, c’est un problème grave et beaucoup trop sous-évalué.
12/06/2017, 09h53
tunizar

Bonjour,
Je veux simplement avoir le code d'erreur HTTP, 404 ça veut dire inaccessible que ça soit inexistant ou existant, je ne teste pas si un site existe.
C'est la première fois que je code en JavaScript.
Comment avoir le code 200, 502 , 403 ou autre, je ne veux pas statut =0
Merci !
12/06/2017, 10h50
mathieu

Citation:

Envoyé par tunizar

404 ça veut dire inaccessible que ça soit inexistant ou existant

l'erreur 404 est une erreur retournée par le serveur donc si le serveur n'existe pas, il ne peux pas retourner de message d'erreur, d'où le "erreur = 0"
12/06/2017, 11h13
tunizar

Bonjour,
Le localhost existe.
Il n y a pas à focaliser sur le 404 SVP.
Tout simplement comment capturer tout les codes d'erreur HTTP ?

J'ai trouvé ce lien qui fonctionne avec

Code:

$.ajax

Comment le faire avec getJson ? SVP

Je reprends le code de Mathieu :
Code:

1 2 3 4 5 6 7 .fail(function (xhr, textStatus, msg) { console.log(xhr); console.log(textStatus); console.log(msg); } );
Cette méthode te donne doublement accès aux codes et textes renvoyés par le serveur :

par le paramètre textStatus
par l’objet xhr qui a les propriétés status (le code) et statusText (le texte)

Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 $.getJSON(REST_API_URL) .fail(function (xhr, textStatus, msg) { switch (xhr.status) { case 404: alert('code 404: service introuvable'); break; case 502: alert('code 502: problème de passerelle'); break; case … : … break; case 0: alert('serveur inaccessible OU problème de connexion OU requête interdite'); break; default: alert('cas d’erreur non géré'); break; } });
Note que tu as aussi accès à l’objet xhr (également nommé jqXHR) via les méthodes .done() et .always(). Je te renvoie à la doc de jQuery.ajax.

Une dernière remarque : comme tu es en train de mettre en œuvre une interaction avec un service REST, tu vas probablement te retrouver à faire des requêtes cross-domain. Il faut savoir que dans ce cas les requêtes ajax natives sont interdites (bloquées par le navigateur) pour des raisons de sécurité, et que jQuery contourne le blocage en utilisant diverses stratégies (typiquement JSONP).

Ce changement de stratégie se fait de manière transparente pour le développeur. Cependant, les propriétés ajax ne peuvent pas être émulées ; et comme indiqué dans la doc de jQuery.getJSON :

Citation:

However, since JSONP and cross-domain GET requests do not use XHR, in those cases the jqXHR and textStatus parameters passed to the success callback are undefined.

Si jqXHR === undefined, cela indique que la requête a été faite cross-domain, et tu n’auras malheureusement pas accès aux codes HTTP.

12/06/2017, 15h02
tunizar

Merci Watilin !
Je testerai ça et je ferai un retour dessus.