Erreur (status à 0) jQuery ajax() avec IOS

Version imprimable

Bonjour,

Je rencontre des difficultés à faire fonctionner un appel Ajax avec un Ipad. Le code ci-dessous fonctionne avec IE, FF et Chrome mais pas avec Safari installé par défaut sur Ipad.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $.support.cors = true; $.ajax({ type:'GET', dataType: 'json', contentType: "application/json; charset=utf-8", headers: { "cache-control": "no-cache" }, timeout: 5000, url:'https://xxxxxxx/recuperationInfoUtilisateur', crossDomain:false, cache:false, async:true, success: function(data){ alert("OK"); }, error:function(xhr, status, errorThrown) { alert("KO"); } });
J'utilise les librairies JS suivantes :
Code:

1 2 <script src="https://code.jquery.com/jquery-1.9.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.2.6/json3.min.js"></script>
Lors de l’appel de ce code par un Ipad, la fonction d’erreur est appelée et remonte les erreurs suivantes.

xhr.status: 0
xhr.statusText: error
xhr.readyState: 0
xhr.responseText:
xhr.responseXML: undefined
textStatus: error
errorThrown:
xhr.redirect: undefined

Quelqu’un pourrait-il m’aider à résoudre ce problème.
A noter que le problème se produit avec le type GET et POST mais pas avec un PUT

Merci de votre aide

10/11/2014, 03h33
Watilin

Avoir status à 0 signifie que la requête a été stoppée avant envoi par la Same-Origin Policy. C'est peut-être parce que ta version de Safari ne supporte pas CORS. Vérifie sur http://caniuse.com/#search=cors.

Edit: en y réflechissant je ne suis pas sûr qu'il y ait un lien avec CORS, mais le status 0 est catégorique : il y a bien un problème de domaine.

Attention avec $.support.cors, d'après ce que j'ai compris c'est un indicateur, ce n'est pas une valeur qu'on est censé modifier soi-même. Dans mes recherches j'ai également vu à plusieurs reprises un paramètre appelé $.mobile.allowCrossDomainPages (par exemple ici).

Question : pourquoi utiliser json3.js alors que tu as déjà le support de JSON avec jQuery ?

Nouveau test

Bonjour,

Merci pour votre réponse.
J'ai fait les modifications suggérées mais l'erreur est toujours présente. J'ai également essayé d'enlever l'appel à json3.js et $.support.cors mais l'erreur persiste.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
                    $.mobile.allowCrossDomainPages = true;		    
		    $.support.cors = true;
                    $.ajax(
                    {
                        type:'GET',
                        dataType: 'json',
                        contentType: "application/json; charset=utf-8",
			headers: { "cache-control": "no-cache" },
			timeout: 5000,
			url:'https://xxxxxxx/recuperationInfoUtilisateur',
                        crossDomain:true,
                        cache:false,
                        async:true,  
			success: function(data)
			{
                            alert("OK");
			},
			error:function(xhr, status, errorThrown) {
                            alert("OK");
			}
                    });

J'ai utilisé les librairies JS suivantes
A noter que le site fonctionne uniquement avec la librairie Jquery (sans JqueryMobile). J'ai intégrer cette librairie pour les besoins de tests.

Code:

1
2
3
4
 
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.2.6/json3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

json3.js et $.support.cors sont utilisés notamment pour etre compatible avec IE7. En effet le support JSON de Jquery ne fonctionne pas avec les vielles versions d'IE.

Je confirme également que le problème est reproductible avec un IOS 7.1 qui support CORS.

Merci de votre aide

10/11/2014, 15h44
Watilin

C'est au-delà de mes compétences hélas :| Je n'ai jamais développé pour les machines Apple.

J'ai trouvé plus d'infos sur $.support.cors

Citation:

Envoyé par Pekka

you don't enable CORS by setting that variable. You just tell jQuery that you're in an environment where Cross-Domain XHR requests are possible.

http://stackoverflow.com/questions/7...omment-9576276

Traduction :

Citation:

tu n'actives pas CORS en définissant cette variable. Tu dis juste à jQuery que tu es dans un environnement où les requêtes XHR inter-domaines sont possibles.

Donc cette ligne sert bien à quelque chose :)
11/11/2014, 00h37
manu33700

Erreur (status à 0) jQuery ajax() avec IOS

Bonjour,

Apres plusieurs tentatives de corrections le problème persiste/
Je précise que le serveur est bien contacté et traite bien la requête. Le problème semble donc venir du traitement de la Response par le navigateur Safari.

Merci de votre aide.