Discussion :

[Skunka]

Bonjour,

dans la continuité de mon application, j'ai un formulaire pour la modification des propriétés d'un chantier. Le formulaire, présent dans une modale, est le suivant:

Code html :

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

1
2
3
4
5
6
7
8
 
<FORM method="POST" action="Scripts/chantier_update.php">
	Numéro: <input type="text" name="numChantier" id="numChantier" readonly="readonly"> <br>
	Nom: <input type="text" name="nomChantier" > <br>
	Information: <input type="textarea" name="infos" > <br>
	DICT: <input type="file" name="dict" > <br>
	<input type="submit" value="Confirmer">
</FORM>

Présent en amont, une liste déroulante avec l’événement "onChange" dessus envoyant sa value à une fonction ajax. Celle-ci fait appelle à un script (en passant "num") qui me permet de piocher dans la bdd les informations du chantier numéro "num", elles sont ensuite encodées en json. Jusque là tout va bien mais pour afficher ces données, rien ne va plus!

La fonction:

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
 
function Change(value){ //Appelle d'un script PHP permettant la récupération des données
	//On récupère 
	var num = value; //La variable 'num' récupère la valeur de la liste déroulante
	document.getElementById('numChantier').value = num; //affiche le num du chantier dans le formulaire grâce à la 'value' de la balise <select>
	$.ajax({
		type: "POST", //méthode utilisé
		url: "Scripts/chantier_retrieve.php", //fichier à appeler
		data: 'num='+ num, //données envoyées
		//dataType: 'html', //Format des données
	})
	.done(function (data, textStatus, jqXHR) {
	        console.log(data); //affiche les données renvoyées 
	        $("input[name='nomChantier']").val(data.nom); //affiche le nom du chantier
 	        $("input[name='infos']").val(data.infos);
	})
	.fail(function (jqXHR, textStatus, errorThrown) {
		console.error(textStatus, errorThrown); // affiche l’erreur dans la console
	});
}

Je me sert de ce même script pour différents formulaires et tout va pour le mieux.
Vous l'aurez compris, les données ne s'affichent pas dans le formulaire. Pourtant elles sont correctement renvoyées:



Une idée d'où pourrait provenir cette "non-volonté" de m'afficher les données ? Merci d'avance!

Cordialement,
Skunka.

[Watilin]

Dans ta console, que renvoient $("input[name='nomChantier']") et $("input[name='infos']") ?

[Skunka]

Je ne savais pas réellement comment faire ce que tu m'as demandé, alors j'ai écrit ça dans .done():

Code :

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

1
2
3
 
console.log($("input[name='nomChantier']"));
console.log($("input[name='infos']"));

Pour obtenir ceci dans ma console:



Je ne sais pas si c'est ce que tu attendais, si ce n'est pas le cas, je te laisse me donner plus de précision ^^

Cordialement,
Skunka.

[Watilin]

C’est bizarre… La seule chose que je peux dire, c’est que tu as deux input[name='nomChantier'] dans la page, mais tu devrais quand même voir les données. Je ne sais pas où est le problème :S

Sinon, pour utiliser la console en mode interactif, c’est simple : il suffit de cliquer en face du prompt, souvent c’est un symbole > ou ». Là tu peux entrer du code JavaScript, qui sera exécuté dans le contexte de ta page.

[Skunka]

Me voila de retour! Je n'avais pas pris le temps de me remettre sur ce problème, je me devais d'avancer le reste du projet, mais j'ai finalement décidé de le résoudre.
J'ai déduis que les données renvoyées par mon script n'étaient pas correctement décodés, alors, au lieu d'encoder les données en json dans le script, je les ai stockés dans une chaîne de caractère:

Code php :

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

1
2
3
 
	$resultat =  $nom . "*" . $infos ."*";
	echo $resultat;

Ma fonction ajax de retour a ensutie pris cette forme:

Code :

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

1
2
3
4
5
6
7
8
 
 
.done(function (data, textStatus, jqXHR) {
		    console.log(data); //affiche les données renvoyées 
		    var tableau = data.split("*");
		    $("input[name='nom']").val(tableau[0]); //affiche le nom du chantier
		    $("textarea[name='infos']").val(tableau[1]);
		})

Je récupère donc la chaîne de caractère que je split ensuite dans un tableau avant de les attribuer dans l'ordre aux champs correspondant. On constate que cela fonctionne:



Mon formulaire se remplis, le détournement du problème est une réussite!
Le problème est maintenant résolu,
Cordialement,
Skunka.