Discussion :

[bpdelavega]

Bonjour,
Je débute avec l'utilisation de l'ajax avec ZF, j'ai créée un Zend_Form qui me permet d'enregistrer des emails, j'appelle une action de mon controller qui me fait le traitement d'enregistrement dans la BD, par contre j'aimerai le faire en AJAX avec jQuery, je cherche des exemples, mais je ne trouve pas vraiment ce que je veux.

Comment implémenter l'action de mon Controller en AJAX je ne sais pas comment faire, d'avance merci pour votre aide.

[bpdelavega]

Voici la version sans Zendx_Jquery, juste Zend_Framework :

La vue du Layout contenant le code AJAX en jQUERY:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<script type="text/javascript">
$(function(){
	$("#traitementOK").hide();
	$("#traitementpasOK").hide();
 
    $("#form_newsletter_suscribe").submit(function() {
    	$("#traitementOK").hide();
    	$("#traitementpasOK").hide();
 
    	myDataForm = $(this).serialize();
        $.ajax({
        		type: "POST",
         		data: myDataForm,
         		url: $(this).attr("action"),
         		success: function(data){
					if(data == "OK"){						
						$("#newsletter_suscribe").remove();
						$("#traitementOK").addClass('formOK');
	        			$("#traitementOK").fadeIn(1000);
					}else{
						$("#traitementpasOK").addClass('formpasOK');
	         			$("#traitementpasOK").fadeIn(1000);
					};					
         		},
        		error: function(erreur){
         			alert("C'est pas OK");
         		}
         	});
        return false;
     });
});
</script>

Un petit Helper qui appelle mon objet Zend_Form

Code :

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

1
2
3
4
5
6
7
8
9
10
 
class Zend_View_Helper_ShowSubscribeForm extends Zend_View_Helper_Abstract 
{
    public function showSubscribeForm()
    {
        //Formulaire d'inscription Newsletter
        $form = new Frontend_Form_Newsletter();
        return (object) $form;
    }
}

Mon action du Controller concerné :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
public function inscriptionnewsletterAction ()
    {
        //Pas de vue au depart
        $this->getHelper('layout')->disableLayout();
        $this->getHelper('viewRenderer')->setNoRender();
 
        $form = new Frontend_Form_Newsletter();
        $formData = $this->getRequest()->getPost();
 
        if ($formData) {
            //Langue d'inscripiton et Actif par defaut
            $formData['id_langue'] = App_Tools::getIdSiteLanguageByKey();//Methode perso
            $formData['inscrit_actif'] = 1;
 
            if ($form->isValid($formData)) {
            	$model = new Frontend_Model_Inscritnewsletter($formData);
                $mapper = new Frontend_Model_InscritnewsletterMapper();
                $mapper->save($model);
                echo 'OK';
            } else {         
                $form->populate($formData);
                echo 'pasOK';
            }
        }
    }

Mon Objet Zend_Form :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
	public function __construct($options = null)
    {
        parent::__construct($options);
 
    	$this->setMethod('post')
    		 ->setAttrib('id', 'form_newsletter_suscribe');
 
    	$email = new Zend_Form_Element_Text('inscrit_email');
        $email->setLabel(App_Translate::translate('Recevoir notre lettre d\'informations'))
            ->addDecorator('ViewHelper')
            ->addDecorator('Errors')
            ->removeDecorator('DtDdWrapper')
        	->setAttrib('id', 'email')
            ->setAttrib('size', '180')
            ->setRequired(true)
            ->addFilter('StripTags')
            ->addFilter('StringTrim')
            ->addValidator('NotEmpty',true)            
            ->addValidator('emailAddress')->addErrorMessage(App_Translate::translate('Please fill out your e-mail!'));
 
        $submit = new App_Form_Element_Submit(App_Translate::translate('Valider'));
        $submit->setAttrib('id', 'send')
               ->addDecorator('HtmlTag', array('tag' => 'p', 'id' => 'submit-wrap'));
 
        $element = array($email, $submit);
 
        $this->addElements($element);
    }

Le tout fonctionne parfaitement, mais j'aimerai bien-sur j'aimerai utilser Zendx_Jquery pour rester à 100% dans Zend Framework.

[bpdelavega]

N'ayant pas de réponse, je clôture le topic