Discussion :

[Agreian57]

Bonjour à tous,

j'ai un petit problème. Je souhaite, afficher en ajax un fenetre modale, pour la préremplir, j'utilise JSON. Seulement, il semblerait que les données ne parviennent pas à voyager de php a javascript.
Je sais que mon code PHP est correct (les données sont bien récupérées).
Voici la fin de mon PHP, si vous avez besoin de plus, je mettrais plus :

Code php :

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

1
2
3
4
5
6
//die('groupe id : '.$json['ids'] . '<br/>status : '.$json['status'].'<br/>nom : '.$json['noms'].'<br/>auhtorizedamount : ' . $json['settings']['authorized_amount']);
        // Le die donne les bonnes informations, mon tableau se rempli donc correctement.
		$this->getResponse()->setContentType('application/json');
 		$json = json_encode($json);
 		$this->renderText($json); 
        return sfView::NONE;

Du coté du javascript, voici le début, la encore, je pourrais mettre plus, mais je ne pense pas que c'est nécessaire. :

Code :

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

1
2
3
4
5
6
    // Affichage de la modale de modification des paramètres d'un groupe (pour un seul)
	$(document).on('click', '.sf_admin_action_voir', function(e) {
		e.preventDefault();
		$.get($(this).attr('href'), function(data){
                    //cette alert retourne la valeur : "undefined"
					alert("data.ids : "+ data.ids);

Si quelqu'un a une idée de pourquoi ca ne marche pas, je suis preneur =)

Merci d'avance.


EDIT : Le problème à l'air de venir de "$(this).attr('href')" qui retourne "undefined" comme valeur. Quand je met le href en dur, ca fonctionne. Est-ce que quelqu'un sait pourquoi $(this).attr('href') ne me retourne pas le href correct?

[SpaceFrog]

Attention à la portée de this ...

Code :

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

1
2
3
4
5
6
$(document).on('click', '.sf_admin_action_voir', function(e) {
		e.preventDefault();
                myhref=$(this).attr('href')
		$.get(myhref, function(data){
                    //cette alert retourne la valeur : "undefined"
					alert("data.ids : "+ data.ids);

[Agreian57]

Même en mettant le $(this) en dehors de l'appel de la fonction, ça ne marche toujours pas.

J'ai donc mis :

Code :

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

1
2
3
4
// Affichage de la modale de modification des paramètres d'un groupe (pour un seul)
	$(document).on('click', '.sf_admin_action_voir', function(e) {
		myhref=$(this).attr('href');
		console.log("href : " + myhref);

Et la console me retourne :

Code :

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

1
2
href : undefined
Resource interpreted as Document but transferred with MIME type application/json: "http://localhost:8091/groupe/2/ListVoir".

Pourtant, mon lien est bien correct :

Code :

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

<a href="/groupe/2/ListVoir">Voir</a>

[SpaceFrog]

on peut voir le code html de l'objet de classe '.sf_admin_action_voir'

[Agreian57]

Voici le HTML

Code :

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

1
2
3
4
 
<li class="sf_admin_action_voir">
    <a href="/groupe/1/ListVoir">Voir</a>
</li>

Le this prend t'il en compte la balise a ou seulement la li?

Du coup, si il ne prend que la li, ça expliquerait le problème.
Si c'est bien cela, y a t'il moyen de récupérer ce href sans changer le html?

EDIT : C'est bon, j'ai trouvé moi même la réponse a ma dernière question, il suffit de faire :

Code :

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

1
2
3
	$(document).on('click', '.sf_admin_action_voir a', function(e) {
		var myhref=$(this).attr('href');
		console.log("var href : " + myhref);

--

Merci pour ton aide SpaceFrog.
Je passe le sujet en résolu.

[SpaceFrog]

oui enfin il suffit de deleguer de la classe au a pas besoin d'invoquer le doument pour ça

Code :

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

1
2
3
$(".sf_admin_action_voir").on('click', 'a', function(e) {
		var myhref=$(this).attr('href');
		console.log("var href : " + myhref);