Discussion :

[zouetchou]

Bonjour,

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

Code php :

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

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 :

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

[NoSmoking]

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 :

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

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;

[zouetchou]

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 :

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

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

[NoSmoking]

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

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

[zouetchou]

Effectivement votre code fonctionne aussi.

mais pourquoi cette ligne ?

Code :

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

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

cela fonctionne aussi sans

[NoSmoking]

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.