[Form] formulaire en AJAX

Version imprimable

bonjour,

j'ai besoin de quelques éclaircissements concernant les formulaires en ajax.
j'ai suivie le tuto http://j-place.developpez.com/tutori...-symfony2/#LIV

la VUE

Code:

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
 
<form id="form_recherche" action="{{ path('myapp_acteur_rechercher') }}" method="post">
    {{ form_widget(form) }}
    <input type="submit" value="Rechercher" />
</form>
...
<script>
$(".loading").hide();
$("#form_recherche").submit(function(){ 
    $(".loading").show();
    var motcle = $("#acteurrecherche_motcle").val();
    var DATA = 'motcle=' + motcle;
    $.ajax({
        type: "POST",
        url: "{{ path('myapp_acteur_rechercher')}}",
        data: DATA,
        cache: false,
        success: function(data){
           $('#resultats_recherche').html(data);
           $(".loading").hide();
        }
    });    
    return false;
});
</script>

le CONTROLLEUR :

Code:

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
34
35
36
37
 
public function rechercherAction()
{               
    $request = $this->container->get('request');
 
    if($request->isXmlHttpRequest())
    {
        $motcle = '';
        $motcle = $request->request->get('motcle');
 
        $em = $this->container->get('doctrine')->getEntityManager();
 
        if($motcle != '')
        {
               $qb = $em->createQueryBuilder();
 
               $qb->select('a')
                  ->from('MyAppFilmothequeBundle:Acteur', 'a')
                  ->where("a.nom LIKE :motcle OR a.prenom LIKE :motcle")
                  ->orderBy('a.nom', 'ASC')
                  ->setParameter('motcle', '%'.$motcle.'%');
 
               $query = $qb->getQuery();               
               $acteurs = $query->getResult();
        }
        else {
            $acteurs = $em->getRepository('MyAppFilmothequeBundle:Acteur')->findAll();
        }
 
        return $this->container->get('templating')->renderResponse('MyAppFilmothequeBundle:Acteur:liste.html.twig', array(
            'acteurs' => $acteurs
            ));
    }
    else {
        return $this->listerAction();
    }
}

ma question est quel intérêt d'utiliser un form dans la vue puisque même au niveau sécurité le CRSF token n'est même pas pris en compte dans le controlleur(enfin il ne me semble pas sauf erreur)

dans ce cas, pourquoi au lieu du <form> ... </form> ne pas mettre un bouton qui lance la requête ajax ?

10/03/2013, 17h02
John Blobsmith

Il faut que tu uilise isValid du formBuilder pour valider les données de ton formulaire.

voir exemple ici :
http://symfony.com/doc/2.0/book/forms.html
10/03/2013, 18h33
dukoid

ok donc c'est le tuto qui est mal foutu, pourquoi avoir fait un tuto sur le form ajax si au final ce n'est pas pour utiliser les spécificités d'un formulaire(validation, ...)

enfin !

merci pour ta réponse
10/03/2013, 19h51
stephan.78

bonsoir,
Le tuto n'est pas mal fait. Juste c'est un exemple d'utilisation du xhtml pour effectuer un module de recherche et à la question pourquoi utiliser un form -> bonne pratique web : ne pas utiliser du javascrip invasif et donc si la personne désactive le dit javascript la fonctionnalité est toujours en route. voila

ok merci bien pour le complément de précision.

j'ai toujours besoin d'aide.

mon controlleur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        if ($this->container->get('request')->isMethod('POST')) {
            $formBuilder = $this->createFormBuilder(new Presentation());                
            $formBuilder
            ->add('texte', 'hidden' );
            $form = $formBuilder->getForm();                 
            $form->bind($this->container->get('request'));
            if ($form->isValid()) {
                if ($request->isXmlHttpRequest()) {
                    $response = new Response("ok form");	
                    $response->headers->set('Content-Type', 'application/json');	                     
                    return $response;    
                }
            }

ma vue :

Code:

1
2
3
4
 
    <form id="form_presentation" action="{{ path('save_presentation_ajaxrq') }}" method="post" {{ form_enctype(form) }}>
    {{ form_widget(form) }}
    </form>

le soucis est qu'il ne passe jamais dans le isValid(). une idée ?

25/06/2013, 12h16
Bebshow

Form et Events

Salut ! le test getMethod==POST sert à verifier si le formulaire vient d'etre envoyé par "Submit" (traitement quoi) ou sinon, c'est GET et la page est affiché normalement (affichage du form). Donc le formulaire doit être créer avant ce test ou bien il te faut utiliser les formevents pour modifier le form apres affichage mais avant l'envoie !
je te conseille vivement d'aller jeter un oeuil dans la doc des forms : http://symfony.com/fr/doc/current/book/forms.html
Et les exemples formEvents du cookbook : http://symfony.com/doc/current/cookb...ification.html