Partage
  • Partager sur Facebook
  • Partager sur Twitter

Formulaire Symfony et réponse avec requête ajax

    22 septembre 2021 à 11:41:24

    Bonjour,

    Sur cette page, l'utilisateur entre les dates qu'il souhaite et clique sur voir les "disponibilités".

    input-group-date

    Si je clique j'ai bien les appartements disponibles qui me sont retourné, sauf que ca me le retourne en rechargeant la page. 

    Pour l'expérience utilisateur, je voudrai que la page ne se recharge pas, et que ce sois fluide et simple. 

    je sais que je dois utiliser ajax, mais j'y comprend rien du tout. 

    Pouvez vous m'aider s'il vous plait.

    mon controller:

    /**
         * @Route("/", name="homepage")
         */
        public function homepage(RoomRepository $roomRepository, Request $request): Response
        {
            //CREATION FORMULAIRE DE RESERVATION
      
            $availableForm = $this->createForm(chekingAvailabilityType::class);
           
    
            $availableForm->handleRequest($request);
    
    
            $start = $availableForm['startDate']->getData();
            $leave = $availableForm['leaveDate']->getData();
            
    
            if ($availableForm->isSubmitted()) {
    
             $rooms = $roomRepository->notBookedRooms($start, $leave); //C'est ici que je ne sais pas comment faire.
                return $rooms;
    
            }    
    
            $availableFormView = $availableForm->createView();
    
            return $this->render('page/homepage/homepage.html.twig',  [
                'availableFormView' => $availableFormView,
                'rooms' => $rooms           
                
               
            ]);
        }

    mon twig 

    <div class="container">
    	<div class="row">
    		<div class="col">
    			<div class="row">
    				{{ form_start(availableFormView) }}
    				<div class="col">{{ form_row(availableFormView.startDate) }}</div>
    				<div class="col">{{ form_row(availableFormView.leaveDate) }}</div>
    				<a class="btn btn-primary text-white">Voir les disponibilités</a>
    				{{ form_end(availableFormView) }}
    			</div>
    		</div>
    		<div id="container" class="col">
    			{% for room in rooms %}
    				{{room.name}}
    			{% endfor %}
    		</div>
    
    	</div>
    
    </div>

    Merci d'avance


    -
    Edité par Frigalou 22 septembre 2021 à 14:08:04

    • Partager sur Facebook
    • Partager sur Twitter

    Formulaire Symfony et réponse avec requête ajax

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown