Discussion :

[noname2]

Bonjour à tous,

Je ne sais pas si le titre est bien clair. Je vais essayer d'exposer les choses pas à pas.

Je souhaite, à l'aide d'Ajax, afficher dynamiquement un template twig généré par mon contrôleur dans une div particulière de ma page actuelle. Jusque là, pas de problème.

Mon problème est que je souhaite, selon les cas, afficher ma réponse dans tel ou tel div.

Pour ça, j'ai utilisé un retour en json (pas spécialement par choix mais parce qu'après pas mal de recherches, c'est la direction qu'il m'a semblé falloir prendre) avec la mention dataType:'json' côté js.

Ça donnait quelque chose comme ça côté Controller :

Code :

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

1
2
3
4
$response = array();
$response['status'] = 0;
$response['message'] = 'Mon message';
return new Response(json_encode($response));

et côté js :

Code :

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

1
2
3
4
5
6
7
8
9
dataType: 'json',
success: function(data){
	if (data.status == 0) {
		$('#mon_div').html(data.message);
	}
	else if (data.status == 1) {
		$('#mon_autre_div').html(data.message);
	}
}

Jusque là tout va bien. Le problème arrive lorsque j'essaie de parser non pas 'Mon message' mais un template $this->render('exempleBundle:Exemple:index.html.twig', array('ma_variable'=>$ma_valeur).

J'ai tenté pas mal de chose à commencer par

Code :

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

$response['message'] = $this->render('exempleBundle:Exemple:index.html.twig', array('ma_variable'=>$ma_valeur));

Puis d'autres choses en utilisant :

Code :

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

$response->headers->set('Content-Type', 'application/json');

ou

Code :

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

$response = new JsonResponse();

mais rien n'y fait.

Du coup j'en appelle à vos avis. Par ailleurs, je ne tiens pas spécialement au format json si d'autres moyens plus simples existent.

Je pose la question un peu abruptement car je me dis que la solution est peut-être très évidente, mais si vous avez besoin que je vous décrive tous mes essais avec les comportements en retour, dites-moi.

Merci par avance !

[noname2]

Je viens finalement de trouver la solution (ça peut paraître louche mais je vous promets que j'avais cherché un bout de temps avant de poster )

En fait, c'était les entêtes qui faisaient planter. Du coup, j'ai réglé le problème en rajoutant ->getContent().

Code :

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

$response['message'] = $this->render('exempleBundle:Exemple:index.html.twig', array('ma_variable'=>$ma_valeur))->getContent();

Je ne mets pas tout de suite le sujet comme résolu car ma méthode ne me paraissant pas forcément très propre cela m'intéresserait d'avoir vos avis là dessus.

[dukoid]

yoooooooooo maaaaaaaaaaaaaaaaaaaaan,

arrêtons d'utiliser ce terme "propre" qui ne veut rien dire. c'est un terme de geek que je n'aime pas.


en tout cas, c'est une façon de faire car il n'y en a pas d'autre
(en tout cas pas à ma connaissance)

[noname2]

ok, alors sans parler de "propre" ou "pas propre", je m'inquiétais de si cette méthode ne pouvait pas avoir des conséquences auxquelles je ne pense pas (genre au niveau du cache ou autre) ?

[Nico_F]

Mmmh, arrête moi si je me trompe je ne suis pas un grand gourou de jQuery mais il me semble que la méthode success() est dépréciée. (cf. done(), fail(), always())

Ensuite deuxième chose je ne connais pas ton cas de figure mais est-ce qu'il s'agit d'un statut success et l'autre error ? Ou bien deux succès différents ?

Dans le premier cas tu ne devrais pas tout mettre dans la partie success (ou done()) et ton dataType peut rester HTML. Tu auras dans les deux cas une réponse HTML, mais dans la méthode .done() tu afficheras le contenu dans une div, et dans la méthode .fail() tu l'afficheras dans une autre. Ca t'évite de devoir passer par du JSON inutilement.

Par contre si tu as deux comportement de success différents, alors c'est une solution valable.