Récupérer plusieurs résultats d'une requête php

Bonjour,

coté serveur la réponse à une requete AJAX est

Code:

---

1 2	$response = array('image_titre' => $image_titre, 'image_desc' => $image_desc); echo json_encode($response)

---

je voudrais pouvoir récupérer la réponse image_titre pour remplir un champ de formulaire et la réponse image_desc pour remplir un autre champs du même formulaire.

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

// Code ajax function showResult(str) { var xmlhttp=new XMLHttpRequest();   xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState === XMLHttpRequest.DONE) { if (xmlhttp.status === 200) { // C'est là que je coince !!!!! document.getElementById("titre").value=xmlhttp.responseText; document.getElementById("desc").value=xmlhttp.responseText; } else { alert('Il y a eu un problème avec la requête.'); } } }   xmlhttp.open("GET","resultat.php?id_img="+str,true); xmlhttp.send(); }

---

Je trouvé comment faire pour une seule réponse mais pas pour plusieurs et c'est là que je coince ...
Quelqu'un peut-il m'aider ?

merci

Bonjour,
tu vas recevoir une réponse qui va être une chaîne de caractères du style de : {"image_titre":"titre de l'image","image_desc":"description de l'image"}.
Il te faut convertir cette chaîne en un objet via JSON.parse() afin de pouvoir utiliser chaque membre de cet objet.

Code:

---

1 2 3 4 5 6 7 8

// C'est là que je coince !!!!! // conversion chaîne en objet const data = data = JSON.parse(xmlhttp.responseText); console.log("data :", data); // juste pour voir   // remplissage des champs correspondants document.getElementById("titre").value = data.image_titre; document.getElementById("desc").value = data.image_desc;

---

Merci pour votre réponse.

en l'état ce code ne fonctionne pas mais votre exemple a orienté mes recherches et j'ai trouvé cela ...

Code:

---

1 2 3 4 5 6 7 8

// C'est là que je coince !!!!!   // conversion chaîne en objet var obj = JSON.parse(xmlhttp.responseText);   // remplissage des champs correspondants document.getElementById("titre").value = obj['image_titre']; document.getElementById("desc").value = obj['image_desc'];

---

... sur https://www.w3schools.com/js/js_json_parse.asp et là cela fonctionne,

Merci

:oops:

Citation:

---

Envoyé par NoSmoking

const data = data = JSON.parse(xmlhttp.responseText);

---

il y a un data = de trop sur cette ligne, toutes mes confuses ;)

Effectivement votre code fonctionne aussi.

mais pourquoi cette ligne ?

Code:

---

console.log("data :", data); // juste pour voir

---

cela fonctionne aussi sans

Citation:

---

cela fonctionne aussi sans

---

normal, il s'agit de la console du navigateur accessible via la touche F12, cela permet de déboguer ton code et de voir ce qui se passe entre autres fonctionnalités.