Faire une seule requête pour mettre à jour plusieurs zones dans une page [Résolu]

[Renand]

Bonjour à tous et merci d'avance pour l'aide que vous pourriez me fournir.

j'ai une page dans laquelle je passe plusieurs requêtes via .post() afin de mettre à jour plusieurs zones d'une page. Les données retournés sont du HTML formatés.

au départ j'en avais une, puis deux les choses et besoins avancent j'en suis à 4 et je sais que c'est mal

Seulement voilà, je ne vois pas immédiatement comment reprendre cela sous forme d'une requête unique qui permettrait en retour la mise à jour de toutes les zones.

D'ailleurs est-ce possible ?

voilà
merci à vous.

[SpaceFrog]

json ...

[Renand]

Merci,

mais j'vais dire une bêtise, mais je souhaite retourner des données formatés en html avec un balisage construit coté serveur, jSon ne le permet pas, si ?

[SpaceFrog]

rien ne t'empèche de mettre du code html dasn un element de ton json

[Renand]

je vais regarder aussi de ce coté ...

je suis partie sur une piste qui consistait à formater mes différents contenus dans des blocs identifiés de la manière suivante :

Code :

1
2
<div id="contenu_1"></div>
<div id="contenu_2"></div>

et je cherche à récupérer la partie contenu_2 ou 1 dans la réponse pour attribution
genre

Code :

1
2
3
 
jQuery('#destination1').html( jQuery('div#contenu_1',data ).html() );
jQuery('#destination2').html( jQuery('div#contenu_2',data ).html() );

pour le moment ça bloque un chouille, auriez-vous une piste sur un modèle de ce genre ?

merci encore

[Renand]

Au final je parviens à quelque chose en intégrant la globalité de ma réponse dans un <div></div>

En gros le script appelé (une fois donc) génére un bloc

Code :

1
2
3
4
5
6
 
<div>
<div id="item_1">mon contenu de bloc 1</div>
<div id="item_2">mon contenu de bloc 2</div>
<div id="item_x">mon contenu de bloc x</div>
</div>

en en suite en js

Code :

1
2
3
4
 
jQuery('#destination_1').html(jQuery('#item_1', data).html());
jQuery('#destination_2').html(jQuery('#item_2', data).html());
jQuery('#destination_x').html(jQuery('#item_x', data).html());

ça semble tourner ainsi et c'est plutôt confortable.

[SpaceFrog]

ce qui est normal puisque tu mets en un block le code..
mais ce qui pourrait te servir pour la suite au cas ou tu ne puisse pas regrouper des elements éparpillés sur la page dans un seul et même conteneur :

arrange toi poru que ton serveur te retourne une reponse formatée en string json

Code :

1
2
3
{ "item_1":'ici le contenu modifié de 1',
   "item_2":'ici le contenu modifié de 2', 
   "item_x":'ici le contenu modifié de x'}

et lors de ta reponse ajax :

Code :

1
2
3
4
onsucceed: function(data){
data=$.parseJSON(data)
..
}

tu recupères ainsi un objet json coté js
et du coup il te suffti de boucler dessus :

Code :

1
2
3
for (resp in data){
   $('#'+resp).html(data.resp);
}

[Renand]

Yep..
merci pour toutes ces infos.