Récupérer 3 données sur 1 URL en Ajax

Merci j'ai bien dormis. :ccool:

Ton erreur retourJSONType: "json",
qui est un peu ma faute mais qui est la preuve que tu ne comprends pas ce que tu fais :calim2: (On apprends par ses erreurs )


Ce code devrait fonctionner en tout cas il marche chez moi.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

$("#conteneur img" ).click(function(){ var picture1 = $(this).attr("id"); $.ajax({ url: 'test.php', data: 'pseudo=<? echo "toto"; ?>&play='+picture1, dataType: "json", error: function(xhr,erreur) {alert(erreur)}, success: function(retourJSON) { alert(retourJSON.donnee1); alert(retourJSON.donnee2); alert(retourJSON.donnee3); $picture1.attr('src', data.data.donnee1); document.getElementById('tour').innerHTML.replace(document.getElementById('tour').innerHTML,'data.donnee3'); document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'data.donnee2'); if (data.donnee3!='') { clearInterval(monInterval); } } }); });

---

Par contre moi le echo php dans le JavaScript me fait une URL qui ne veut rien dire :

Code:

---

[...].php?pseudo=%3C?%20echo%20%22toto%22;%20?%3E&play=titi

---

Donc trouve un autre moyen de récupérer ton Pseudo.

EDIT : Je suis un Boulet data: 'pseudo=<?php echo "toto"; ?>&play='+picture1, et en effet ça marche

ha ! vi j'oubliais ton retour JSON n'est pas bon. C'est pas grand chose mais les double quotte sont nécessaire :mouarf:

Code:

---

1 2 3 4

<?php echo '{"donnee1": "test", "donnee2": "test2", "donnee3": "test3"}'; ?>

---

En espérant que cette fois soit la bonne :lol:

Alors en effectuant ces 2 modifs je n'ai que l'alerte d'erreur :
"PARSEERROR"

On avance :)

Où et a quel moment tu as cette erreur ?

Au moment du clic sur l'image :

Code:

---

error: function(xhr,erreur) {alert(erreur)},

---

Et donc déclenchement de la fonction click.

Bonjour,

Je prends la conversation en cours de route donc il se peut que je me plante.

lorsque je récupère ce type de données je fais :

dans le PHP

Code:

---

echo json_encode(array("test","test2","test3"))

---

dans le javascript :

Code:

---

1 2 3 4 5 6

$.post("monUrl.php", Obj, function(data){ alert(data[0]); alert(data[1]); alert(data[2]); },"json");

---

il suffit d'adapter à $.ajax au lieu de $.post.

Citation:

---

Envoyé par ingeniomatique

Au moment du clic sur l'image :

Code:

---

error: function(xhr,erreur) {alert(erreur)},

---

Et donc déclenchement de la fonction click.

---

Donc si erreur cela veut dire que ton PHP ne retourne pas du JSON.
Erreur de formatage.

Je repose ma question : Utilises-tu FireFox et Firebug ?

Sans doute que c'est déjà fait, mais comme je n'ai rien vu là-dessus en relisant tout le post, as-tu bien le bon header en première ligne de ton fichier php ?

Code:

---

1 2 3

<?php header('Content-Type: text/json; charset=ISO-8859-1'); ?>

---

indispensable pour JSON.

Ha et puis ceci vu dans ton code

Citation:

---

<? echo "toto"; ?>

---

si tu es en PHP5 ça peut ne pas être accepté par le serveur...

il faut :

Code:

---

<?php echo "toto"; ?>

---

J'ai fini par y arriver en bidouillant un peu avec tous ces bons conseils ! :)

Voici le script :

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

<script type="text/javascript"> $(function(){   $("#conteneur img" ).click(function(){ var picture1 = $(this).attr("id"); $.ajax({ url: 'jeup4verif.php?play='+picture1, dataType: "json", retourJSONType: "json", error: function(xhr,erreur) {alert(erreur)}, success: function(retourJSON) { alert(retourJSON.donnee1); alert(retourJSON.donnee2); alert(retourJSON.donnee3); $picture1.attr('src', retourJSON.donnee1); document.getElementById('tour').innerHTML.replace(document.getElementById('tour').innerHTML,'retourJSON.donnee2'); document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'retourJSON.donnee3'); if (data.donnee3!='') { clearInterval(monInterval); } } }); }); }); </script>

---

Les 3 alertes fonctionnent bien et affichent bien les bonnes infos.
Cependant, le SRC de mon image ne change pas par retourJSON.donnee1 (rien ne se passe).
Mes DIV ne sont pas non plus mis à jour.

Merci encore de votre aide.


PS : J'ai bien Firebug mais qui ne détecte rien de particulier.

Je n'ai pas regardé tout le code mais :

Citation:

---

$picture1.attr('src', retourJSON.donnee1);

---

est probablement à remplacer par :

Code:

---

$("#picture1").attr('src', retourJSON.donnee1);

---

bonne soirée