[resolu] comment récupérer le contenu d'un json avec jquery

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu] comment récupérer le contenu d'un json avec jquery

domi_bu

Bonjour

je découvre l'ajax depuis hier soir très tard et là je sèche sur l'interprétation du retour.

J'arrive à interroger le serveur et à obtenir une réponse de type "json". Donc quand je fais ceci :

Code :

function showUser(str)
{
var reponse = $.ajax({
type: "GET",
dataType:"json",
url: "controleur/etablissement/getuser.php",
data: "id_personne="+str,
success: parse(reponse)
});
}

et bien ça me renvoie ceci :

Code :

{"id_personne":"4","0":"4","id_civilite":"Mr","1":"Mr","nom":"AZAZ","2":"AZAZ","nom_jeune_fille":"","3":"","prenom":"","4":"","sexe":null,"5":null,"num_ss":null,"6":null,"date_naissance":null,"7":null,"commentaire":"","8":"","photo":null,"9":null,"date_creation":"23\/10\/2011 08:59","10":"23\/10\/2011 08:59","auteur_creation":"mburea27","11":"mburea27","date_maj":"23\/10\/2011 12:57","12":"23\/10\/2011 12:57","auteur_maj":null,"13":null,"id_role":"ADMIN","14":"ADMIN","id_etablissement":"1","15":"1","adresse_ligne1":"adresse 1","16":"adresse 1","adresse_ligne2":"","17":"","adresse_ligne3":"","18":"","adresse_ligne4":"","19":"","code_postal":"59190","20":"59190","commune":"hazeb","21":"hazeb","id_code_pays":"FR","22":"FR","login":null,"23":null}

Et c'est parfait , donc mon navigateur et le serveur communiquent bien.

Ma question est comment je fais ensuite côté navigateur pour récupérer le contenu de chaque variable et les mettre dans mon formulaire.

J'ai tenté une fonction "parse(reponse)" en cas de success de l'appel mais ça marche pas :

Code :

function parse(str)
{
var obj = jQuery.parseJSON(str);
alert( obj.nom );
}

Quelqu'un pourrait m'aider et m'expliquer ce qui ne va pas ? Je ne dois pas être très loin je pense. Merci à tous.

Dominique

Message édité par domi_bu le 30-10-2011 à 08:10:25

---------------
Domi

Publicité

SICKofitALL

misanthrope

dans ce code :

Code :

function showUser(str)
{
var reponse = $.ajax({
type: "GET",
dataType:"json",
url: "controleur/etablissement/getuser.php",
data: "id_personne="+str,
success: parse(reponse)
});
}

il faut juste que tu passes "parse", et non "parse (reponse)" ce qui execute la fonction.

Dans parse, et en accord avec l'API de jQuery ( http://api.jquery.com/jQuery.ajax/ [...] x-settings ), le premier param est data, donc dans ton cas directement ton json, pas besoin de faire un parseJSON dessus.

A essailler

---------------
We deserve everything that's coming...

domi_bu

ça fonctionne ! merci SICKofitALL

je fais ceci et ça fonctionne :

Code :

var reponse = $.ajax({
type: "GET",
dataType:"json",
url: "controleur/etablissement/getuser.php",
data: "id_personne="+str,
complete: vider_formulaire(),
success: function fill_form(reponse){
// alert("nom="+reponse.nom);
$("#id_personne" ).val(reponse.id_personne);
$("#id_civilite" ).val(reponse.id_civilite);
$("#nom" ).val(reponse.nom);
$("#prenom" ).val(reponse.prenom);
$("#adresse_ligne1" ).val(reponse.adresse_ligne1);
$("#adresse_ligne2" ).val(reponse.adresse_ligne2);
$("#adresse_ligne3" ).val(reponse.adresse_ligne3);
$("#adresse_ligne4" ).val(reponse.adresse_ligne4);
$("#code_postal" ).val(reponse.code_postal);
$("#commune" ).val(reponse.commune);
$("#id_code_pays" ).val(reponse.id_code_pays);
$("#id_role" ).val(reponse.id_role);
$("#titre_formulaire" ).html("Modifier une personne" );
} // fermeture fonction de remplissage formulaire
}); // fermeture appel ajax

encore une dernière question : vaut il mieux faire comme j'ai fait ? ou plutôt créer une fonction en dehors de l'appel (pour plus de lisibilité). Que fais tu habituellement ?

Dominique

SICKofitALL

misanthrope

Perso je passe les fonctions sous la forme de callback, càd que je met juste le nom de la fonction, sans les parenthèses.
Si tu les mets, ca execute la fonction direct, ce qui est en général pas ce que tu veux.
D'ailleurs dans ton code, dans "complete", tu executes cash "vider_formulaire", alors que à mon avis tu voudrais plutot que lorsque la requete ajax est complete, il execute à ce moment cette fonction. En clair, vire tes parentheses

Ca donnerait un truc comme ca :

Code :

var vider_formulaire = function ()
{
// ton code...
},
fill_form = function (reponse)
{
if (!reponse) { // on teste reponse, si il est undefined on fait rien
return false;
}
$("#id_personne" ).val(reponse.id_personne);
$("#id_civilite" ).val(reponse.id_civilite);
$("#nom" ).val(reponse.nom);
$("#prenom" ).val(reponse.prenom);
$("#adresse_ligne1" ).val(reponse.adresse_ligne1);
$("#adresse_ligne2" ).val(reponse.adresse_ligne2);
$("#adresse_ligne3" ).val(reponse.adresse_ligne3);
$("#adresse_ligne4" ).val(reponse.adresse_ligne4);
$("#code_postal" ).val(reponse.code_postal);
$("#commune" ).val(reponse.commune);
$("#id_code_pays" ).val(reponse.id_code_pays);
$("#id_role" ).val(reponse.id_role);
$("#titre_formulaire" ).html("Modifier une personne" );
},
reponse = $.ajax({
type: "GET",
dataType:"json",
url: "controleur/etablissement/getuser.php",
data: "id_personne="+str,
complete: vider_formulaire,
success: fill_form
}); // fermeture appel ajax

Au passage, je vois que tu utilises des alerts. Oublies ca et passe à Firebug si tu es sous firefox ou aux outils de developpements intégrés à ton browser (touche F12 pour les ouvrir sous Chrome, IE et Opera aussi je crois).
Fais des console.log pour afficher tes objets sous forme de chaines, ou mieux des consoles.dir si c'es comme chez toi du JSON
-> http://getfirebug.com/wiki/index.p [...] _....5D.29

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

HTML/CSS

[resolu] comment récupérer le contenu d'un json avec jquery

Sujets relatifs
Récuperer tous les index d'un array dans 1 variable	jquery et ui : j'ai besoin d'un petit coup de main pour me lancer.
Programme pouvant récupérer le signal d'une souris apple usb	Récuperer info membre Php-Mysql
[jQuery] Code non exécuté	Recuperer resultat d'un select dans un tableau
menu javascript + slider jquery avec IE7	script bash recuperer FAI
Récuperer balise # dans un url (facebook & gmail like)	rollover sur toute une ligne et toute une colonne avec jquery
Plus de sujets relatifs à : [resolu] comment récupérer le contenu d'un json avec jquery

Page générée en 0.080 secondes