retour avec .getJSON

**student_php** · 15/12/2011, 17h12

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**SpaceFrog** · 15/12/2011, 17h18

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

echo  $test ;

vu que $test est un string json bien formé

**student_php** · 15/12/2011, 19h42

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 !

**SpaceFrog** · 15/12/2011, 20h35

Pourquoi fais tu un parseJSON sur un getJSON ?
le retour data dans la fonction est deja un json non ?

**student_php** · 16/12/2011, 00h21

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 16/12/2011, 10h05

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 !

**student_php** · 16/12/2011, 11h44

Comment peut-on éviter de retourner tout le html ?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

{"nbRes":"104"}

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
nbRes
	"104"

Cependant je n'ai toujours pas d'alert qui se lance...

Merci !

**SpaceFrog** · 16/12/2011, 12h26

Déja si tu as

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$nb = 104;

en php ...

Je ne vois pas pourquoi tu aurais

nbRes "10"

dans la console firebug ...

10 != 104

Ensuite montre nous ton code ajax actuel ..

**student_php** · 16/12/2011, 12h46

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

Côté serveur j'ai simplement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SpaceFrog** · 16/12/2011, 12h57

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**student_php** · 16/12/2011, 13h09

J'ai oublié de l'enlever suite à ton explication, cependant j'ai toujours pas d'alert qui s'affiche !

**SpaceFrog** · 16/12/2011, 13h39

et le ? à la fin de l'url ?? 'est quoi ?

**student_php** · 16/12/2011, 14h30

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

**SpaceFrog** · 16/12/2011, 14h52

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 .

**student_php** · 16/12/2011, 14h59

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
nbRes 104

avec le code côté serveur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 16/12/2011, 15h21

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

Réduisons ton getJSON à sa plus simple expression :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é !

**student_php** · 16/12/2011, 15h28

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.

**SpaceFrog** · 16/12/2011, 15h32

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

**student_php** · 16/12/2011, 15h36

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.

**SpaceFrog** · 16/12/2011, 15h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

J'ai bien le coucou ...

retour avec .getJSON

jQuery

Discussions similaires

Partager

Partager