Affichage de données renvoyées par AJAX (json)

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:

---

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! :aie:

La fonction:

Code:

---

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:

Pièce jointe 388655

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

Cordialement,
Skunka.

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

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

Code:

---

1 2 3

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

---

Pour obtenir ceci dans ma console:

Pièce jointe 388779

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.

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.

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:

---

1 2 3

$resultat = $nom . "*" . $infos ."*"; echo $resultat;

---

Ma fonction ajax de retour a ensutie pris cette forme:

Code:

---

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:

Pièce jointe 390478

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