retour avec .getJSON

Version imprimable

Bonjour,

J'aimerais créer une petite API pour mon site, le but serait de permettre à l'utilisateur de, via des méthodes, d'accéder à des résultats de ma base de donnée.

J'ai fait un petit test avec .getJSON() mais je n'arrive pas à récupérer les infos côté client, voici le code:

Côté serveur
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script> $(function() { $.getJSON("http://monsite/api?method=getNbRes&arg1="+title_id+"&jsoncallback=?", function(data) { alert('TEST !!!!'); var res = $.parseJSON(data); alert(res.NbRes); return (res.NbRes); }); }); </script>
L'alert ne se lance pas, pourtant sur firebugdans Resau->Reponse j'ai bien ma réponse avec ma page et le résultat en json dedans.

Merci !

15/12/2011, 16h18
SpaceFrog

ben normal tu n'as pas un json bien formé en retour
vu que tu fasi un echo avant de je ne sais pas quoi ???
essaye

Code:

echo $test ;

vu que $test est un string json bien formé
15/12/2011, 18h42
student_php

En effet j'avais trouvé cette méthode sur un blog mais elle semble inutile.

J'ai changé la méthode et je me suis permit d'éditer le post initial, je peux donner plus de code si l'erreur peut provenir d'ailleurs.

Merci !
15/12/2011, 19h35
SpaceFrog

Pourquoi fais tu un parseJSON sur un getJSON ?
le retour data dans la fonction est deja un json non ?
15/12/2011, 23h21
student_php
Oui je récupère bien des données encodé en JSON mais j'ai cru comprendre que parseJSON permettait de modéliser le résultat en objet.

Car en effet dans mon résultat j'ai beaucoup de "déchets" (du html) et mon JSON se trouve au milieu de tout ça, une illustration:
Code:

1 2 3 4 5 <html> //... { NbRes : 10 } //...
parseJSON (enfin apparemment j'ai comprit de travers ?) me servirait à accéder à ce résultat côté client via une méthode "res.NbRes".

Par ailleurs, le alert de TEST ne se fait pas non plus.
16/12/2011, 09h05
SpaceFrog

SI tu fais un getJSON, ton serveur doit te retourner un stringJSON correcetement formatté et uniquement le string json !!

parseJson n'est pas une fonction magique que va nettoyer le code et recupérer uniquement le JSON !
16/12/2011, 10h44
student_php
Comment peut-on éviter de retourner tout le html ?

voilà ce que j'ai côté serveur:
Code:

1 2 3 4 5 <?php $nb = 104; echo json_encode(array('nbRes' => $nb)); ?>
Je faisais ce traitement dans une view donc j'avais du code html autour mais j'ai résolu le problème et mon résultat est bien:

Code:

{"nbRes":"104"}

et dans "JSON" sur firebug j'ai bien:
Code:

1 2 nbRes "104"
Cependant je n'ai toujours pas d'alert qui se lance...

Merci !
16/12/2011, 11h26
SpaceFrog

Déja si tu as

Code:

$nb = 104;

en php ...

Je ne vois pas pourquoi tu aurais

Citation:

nbRes "10"

dans la console firebug ...

10 != 104

Ensuite montre nous ton code ajax actuel ..

Erreur de frappe de ma part, il s'agissait d'un nouveau test, je retrouve bien 104...

Côté serveur j'ai simplement:

Code:

1
2
3
4
<?php
$nb = 104;
echo json_encode(array('nbRes' => $nb));
?>

Que je veux récupérer grâce à mon "jsoncallback" côté client:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
			$(function()
			{
				$.getJSON("http://monsite/api?method=getNbRes&arg1="+title_id+"&jsoncallback=?", 
					function(data)
					{
						alert('TEST !!!!');
						var res = $.parseJSON(data);
						alert(res.NbRes);
						return (res.NbRes);
					});
			});
		</script>

pourquoi tu le parses ????????????????????????????

Code:

1
2
3
4
5
$.getJSON("http://monsite/api?method=getNbRes&arg1="+title_id+"&jsoncallback=?", 
					function(data)
					{
						alert(data.NbRes);
						});

16/12/2011, 12h09
student_php

J'ai oublié de l'enlever suite à ton explication, cependant j'ai toujours pas d'alert qui s'affiche !
16/12/2011, 12h39
SpaceFrog

et le ? à la fin de l'url ?? 'est quoi ?
16/12/2011, 13h30
student_php

ca me permet de récupérer le retour JSON, enfin c'est ce qui était expliqué sur le blog que j'ai vu et si j' l'enlève je ne vois plus mon résultat sous firebug.

Tu as l'air assez surprit de la manière de faire, je me permets de t'envoyer le lien sur lequel j'ai vu ça:
http://www.creatiq.fr/tutoriels/creer-votre-propre-api-77

Code:

1
2
3
4
5
6
7
8
$(function() {// AU chargement de la page .
	$.getJSON("http://monsite/api?method=getNbRes&arg1="+title_id,
//tu appelles  la page qui génère le json en lui passant les paramètres
  function(data){ // ici la fonction lancée sur le retour ajax
   alert('TEST !!!!');
   alert(res.NbRes);
  });
});

si cela ne fonctionne pas c'est que la page appelée ne retourne pas un string json .

16/12/2011, 13h59
student_php
Et la fonction json_encode() de php n'est pas censé faire cela ?

Je sais que je me repette mais dans fireBug j'ai pourtant bien un onglet "JSON" avec;
Code:

1 2 nbRes 104
avec le code côté serveur:
Code:

1 2 3 4 5 <?php $nb = 104; echo json_encode(array('nbRes' => $nb)); ?>

A quoi te servent les paramètres que tu passes dans l'url ???

Réduisons ton getJSON à sa plus simple expression :
Code:

1 2 3 4 5 6 7 $(function() { $.getJSON("http://monsite/api.php", function(data){ alert('TEST !!!!'); }); });
as tu un alert avec ça ?

attention à l'extension sur le fichier pointé !

16/12/2011, 14h28
student_php

Ces arguments me servent car j'ai simplifié le code mais en réalité je fais appel à des méthodes d'un objet php côté serveur.

En simplifiant le code de cette manière je n'ai toujours pas d'alert, et un résultat JSON dans firebug selon si j'ajoute ou non mon "jsoncallback", exactement la même chose en fait.
16/12/2011, 14h32
SpaceFrog

tu pointes bien un fichier avec une extension php ???

pous les paramètre évites de les mettres dans l'url et utilises le second param de getJSON
16/12/2011, 14h36
student_php

ok pour les paramètres, oui je pointe vers le bon endroit, la preuve est que quand je modifie la valeur de nbRes côté serveur et que je remets mon jsoncallback j'ai bien la bonne valeur dans firebug côté client.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <title>Nouvelle page 1</title>
<script type='text/javascript'>
 $(function(){
$.getJSON('test.php',{param:"coucou" }, function (data){alert(data.param)} )
})
 </script>
</head>
<body>
</body>
</html>

coté serveur:

Code:

1
2
3
4
<?php
$sendback=$_GET['param'];
echo json_encode(array("param"=>$sendback));
?>

J'ai bien le coucou ...

16/12/2011, 16h13
student_php

J'ai testé sur mon serveur et ça ne fonctionne toujours pas.

Par contre, j'ai fait le test en local pour simuler le serveur et là ça fonctionne ! J'ai testé sur 2 serveurs OVH différents et ça ne passe sur aucun des deux, saurais-tu si il y a une manipulation à faire ?

Merci !
16/12/2011, 16h47
SpaceFrog

Ce qui me parait très curieux dans tes symptomes est que tu dis recevoir le json dans la console firebug ...

La page pointée est bien sur ton domaine ?

Si tu mets directement l'adresse de la page

Code:

test.php?param=coucou

dans ton navigateur, il te fait quoi ?
16/12/2011, 16h53
student_php

J'ai fait ce test sur mon domaine et j'avais le résultat JSON:
{nbRes : 104} qui s'affichait à l'écran.
16/12/2011, 16h54
SpaceFrog

Code:

{"nbRes" : "104"}

il manque les quotes
16/12/2011, 16h58
student_php

Oui désolé j'ai dit ca de tête les quotes sont bien affichés
16/12/2011, 17h06
SpaceFrog

ton serveur est peut être paramètre pour refuser les requetes ajax ??
mais cela m'etonnerais, car tu reçois bien le json en retour à priori ?

juste pour tester
mets une page html contenant juste le json {"nbRes":"104"}

et tentes le getJSON dessus
16/12/2011, 17h17
student_php
Surtout que j'ai essayé sur 2 serveurs différents.

J'ai mit le code suivant sur le serveur:
Code:

1 2 3 4 <html> {"nbRes":"104"} </hmtl>
et cette fois la requête est en rouge dans la console firebug ("Aborted").
16/12/2011, 17h23
SpaceFrog

sans les balises html !!
et sans espace ni ligne avant ni après
16/12/2011, 17h25
student_php

J'ai essayé de les ajouter car j'ai le même résultat sans (uniquement avec le JSON), et il s'affiche bien si je me rends à l'url en question...

Voici ce que j'ai trouvé sur le site de JQuery:
Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.
Script and JSONP requests are not subject to the same origin policy restrictions.

Cela peut expliquer pourquoi ca fonctionne en locale et pas d'un client à un serveur web non ?
17/12/2011, 10h17
SpaceFrog

Citation:

Ce qui me parait très curieux dans tes symptomes est que tu dis recevoir le json dans la console firebug ...

La page pointée est bien sur ton domaine ?

Si ta page qui lance l'ajax est sur le même domaine que ta page 'api' il n'y a pas de raison que cela ne fonctionne pas.
Si il sont sur des domaine différents, il y a en effet de grandes chances que tu rencontre un souci de SOP
17/12/2011, 14h27
student_php
La page pointé est le serveur donc sur mon domaine, mais le client lui peut être sur n'importequel domaine, j'ai réussit à le faire en Javascript via xhr mais j'aimerais utiliser .getJSON, côté serveur j'ai:
Code:

1 2 header("Access-Control-Allow-Origin: *");
qui me permet d'accepter le cross domain.
18/12/2011, 08h51
SpaceFrog
Tu mets donc ton api a disposition de tous les codeurs voulant s'y connecter ...

C'est au niveau de ton serveur alors qu'il y a un blocage sur les rêquetes xhr.
Sur apache il faut rajouter une ligne dans un htaccess

le module mod_headers est il activé ?
rajoute ensuite
Code:

1 2 3 <Directory> Header set Access-Control-Allow-Origin "*" </Diretcory>
dans le htaccess du repertoire

Mais cela m'étonne que tu reçoive tout de même une reponse json dans ta console !

Fuseau horaire GMT +2. Il est actuellement 22h16.