Discussion :

[FredPont]

Je voudrais mettre en place sur mon applis un système de liste liée comme présenté sur le tuto de siddh http://siddh.developpez.com/articles/ajax/
sur une architecture MVC.

J'ai mit la partie javascript dans un fichier .js

j'ai un controleur formController.php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
public function afficheformAction {
 
//code...
 
$this->render(monformulaire)
 
 
}
public function ajaxAction {
//code...
$this->render(liste2)
}

Voici mes vues
monformulaire.phtml

Code :

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

1
2
3
4
5
6
7
8
...
<select id="liste1" name="liste1" onChange='go()'>
	  	  <option value="1" >1</option>
	  	  <option value="2" >2</option>
</select>
<select id="liste2" name="liste2">
</select>
...

liste2.phtml

Code :

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

1
2
3
4
5
6
7
8
<?php
	  foreach($this->list2 as $list2)
	  {
	  ?>
	  <option value="<?php echo $list2->id  ?>"><?php echo $this->escape($list2->descr) ?></option>
	  <?php
	  }
	  ?>

J'ai un problème au niveau de cette ligne dans le .js :

Code :

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

1
2
// Ici on va voir comment faire du post
xhr.open("POST","quoi mettre ici",true);

Je ne sais pas trop vers quelle url redirigée, j'ai essayé /form/ajax mais ça ne donne rien.

Je débute avec ce framework et je ne connais pas grand chose en Javascript et ajax, donc je suis un peu perdu là

[Baptiste Wicht]

J'ai été confronté à peu près au même problème que toi. Je devais aussi intégrer de l'Ajax et du Zend Framework. J'ai pas trouvé de solution satisfaisante alors, ce que j'ai fait, c'est créer un dossier Ajax au niveau d'application. Et ensuite, j'ai mis plusieurs fichiers qui traitent la demande Ajax et me renvoient le XML.

Tu ne pourras pas faire comme tu l'as écrit dans ton code. En effet, tu ne rafraichis pas la page, donc tu ne peux pas faire un nouveau render. Tu dois récupérer du XML depuis une page PHP et ensuite tu dois modifier l'affichage avec le code Javascript.

Je me suis fait un fichier Ajax.php qu'inclue tous les autres fichiers me générant du XML pour Ajax, dans lequel je fais à peu près la même chose que dans index.php, c'est à dire que je charge la base de données, les include et tout le bazar. Comme ça, dans mes fichiers PHP Ajax je peux utiliser presque tout ce qui est Zend.

[yannux]

Peut être faire une action du genre ajaxAction dans ton controller et désactivé le rendu automatique...

j'ai fait ça pour un test de retour en JSON :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	public function jsonListAction(){
 
		Zend_Loader::loadClass('Zend_Json');
 
		$this->_helper->removeHelper('viewRenderer');
		$data= $this->_user->fetchAll()->toArray();
 
        $responseJSON = Zend_Json::encode($data);
 
		$this->getResponse()->setHeader('Content-Type', 'text/plain');
        $this->getResponse()->setBody($responseJSON);
 
	}

[FredPont]

Merci pour les réponses.

J'ai toujours un probleme pour appeler mon code depuis le javascript peut être qu'avec mon arborescence vous aller pouvoir m'aider :

MonApplis\
----------\application\
---------------------\controllers\formController.php
---------------------\inc\ajax.php
---------------------\views\
----------------------------\script\mesvues
----------\html\
---------------\js\listeLiee.js
---------------\index.php

l'url de ma page où je veux placer les deux listes est http://monserveur/html/form/afficheform/

si j'ai bien comprit je doit apeller le script ajax.php depuis ma fonction js :

Code :

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

xhr.open("POST","????????ajax.php",true);

J'ai fait pas mal d'essai mais là je nage complètement

[yannux]

En gardant la structure normal du MVC, tu devrais t'en sortir avec mon post au dessus....

[Baptiste Wicht]

Tu peux essayer ça :

Code :

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

xhr.open("POST","../../application/inc/ajax.php",true);

Sinon, il faudra mettre le chemin complet.

[FredPont]

Merci en effet ce chemin fonctionne, j'avais également tester le chemin complet mais en partant de /var/www/... mais ça ne passais pas.

Par contre pour ton post yannux je ne comprend pas vraiment ce que fait ta fonction ni comment elle interagit avec le javascript.

Désolé je suis vraiment mauvais en JS