IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Faire des recherches avec AJAX


Sujet :

AJAX

  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2020
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2020
    Messages : 14
    Par défaut Faire des recherches avec AJAX
    Bonjour,

    Je suis sous PHP.

    Actuellement, j'essaye de rendre plus fluide une page de recherche.
    L'utilisateur rempli des champs (4 checkbox, 1 input search et 3 liste déroulantes) selon ses envies pour affiner ses recherches.
    En dessous, s'affiche un tableau, le tableau est composé de plusieurs champs qui provient de 3/4 tables dans ma base de données (lien manyToOne et OneToMany).

    Ma première question est : Est-ce qu'il est possible qu'à chaque fois que l'utilisateur utilise un de ses champs, je puisse afficher les informations dans mon tableau (donc récupérer à chaque clique d'un champ toutes les informations de chaque champ)?

    Si oui, j'ai besoin d'aide .

    Actuellement, j'ai réussi à faire ce code JS :
    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
    $('#nom').on('keyup', function (e) {
     
        $.ajax({
            url: "{{ path('home') }}",
            data: {"site" : null,
            "nom" : $(this).val(),
            "dateDebut" : null,
            "dateFin" : null,
            "organisateur" : null,
            "inscrit":null,
            "notInscrit":null,
            "passee" : null}
        }).done(function(datas){
     
            datas.forEach(function(data) {
                console.log(data);
            });
        });
    });
    Pour l'instant, j'essaye juste de faire fonctionner le principe dès que je tape une lettre dans ma zone de recherche (étape par étape^^).
    Je récupère mes données et j'envoie tout à mon contrôleur 'home'.

    Mon contrôleur :
    Code php : 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
    /**
         * @Route("/home", name="home")
         */
        public function index(EntityManagerInterface $em, Request $request)
        {
            $siteRepository = $em->getRepository(Site::class);
            $sites = $siteRepository->findAll();
     
            $sortieRepository = $em->getRepository(Sortie::class);
     
            $param = $request->get('data');
     
            $sorties = $sortieRepository->afficher($param);
     
            return $this->json(["sorties" => $sorties]);
     
        }
    Je pense que je récupère bien toute mes données avec $param = $request->get('data'); mais j'en suis pas sur à 100%.
    Après je fais ma méthode dans le repository pour filtrer selon les critères sélectionnés mes données (cela fonctionne si je fais de manière classique avec un bouton recherche). Puis je renvoie toutes les données avec json.

    Et après j’essayais d'afficher ce que j'ai obtenu.

    Mais ça me marche pas, ça me dit que j'ai un problème avec des données circulaires.

    Pouvez vous me dire comment régler mon souci s'il vous plaît?

    Merci d'avance.

    Cordialement

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Citation Envoyé par leonora Voir le message
    ...Je pense que...
    Tu ne sais pas faire un var_dump() ?

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2020
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2020
    Messages : 14
    Par défaut
    J'ai essayé d'en mettre dans ma méthode, juste après avoir récupérer mes données sauf que je n'ai aucun message dans le profiler.

    j'ai ce message qui s'affiche dans le profiler :
    jquery-3.4.1.min.js:2 GET http://127.0.0.1:8000/home/recherche...scrit=&passee= 500 (Internal Server Error)

    Sinon si je tape directement l'url dans le navigateur, j'ai ce message :
    A circular reference has been detected when serializing the object of class "App\Entity\Sortie" (configured limit: 1)
    Du coup, je suis un peu perdu, je ne sais pas ce qui ne va pas.

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2020
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2020
    Messages : 14
    Par défaut
    J'ai cherché et j'ai un peu avancé dans mon problème. J'ai refait 2 nouvelles entités plus simple avec du nouveau code pour tout bidouiller.

    Entité 1 :
    Code php : 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
    /**
     * @ORM\Entity(repositoryClass="App\Repository\TestUnRepository")
     */
    class TestUn
    {
        /**
         * @ORM\Id()
         * @ORM\GeneratedValue()
         * @ORM\Column(type="integer")
         */
        private $id;
     
        /**
         * @ORM\Column(type="string", length=255)
         */
        private $nom;
     
        /**
         * @ORM\ManyToOne(targetEntity="App\Entity\TestDeux", inversedBy="un")
         */
        private $deux;

    Entité 2 :
    Code php : 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
    /**
     * @ORM\Entity(repositoryClass="App\Repository\TestDeuxRepository")
     */
    class TestDeux
    {
        /**
         * @ORM\Id()
         * @ORM\GeneratedValue()
         * @ORM\Column(type="integer")
         */
        private $id;
     
        /**
         * @ORM\Column(type="integer")
         */
        private $numero;
     
        /**
         * @ORM\OneToMany(targetEntity="App\Entity\TestUn", mappedBy="deux")
         */
        private $un;

    controleur :
    Code php : 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
    34
    35
    36
    37
    38
    class TestController extends AbstractController
    {
        /**
         * @Route("/test/recherche", name="test_recherche")
         */
        public function index(EntityManagerInterface $em, Request $request)
        {
     
            $encoder = new JsonEncoder();
            $defaultContext = [
                AbstractNormalizer::CIRCULAR_REFERENCE_HANDLER => function ($object, $format, $context) {
                    return $object->getNom();
                },
            ];
            $normalizer = new ObjectNormalizer(null, null, null, null, null, null, $defaultContext);
     
            $serializer = new Serializer([$normalizer], [$encoder]);
     
     
            $sortieRepository = $em->getRepository(TestUn::class);
     
            $param = [
                "site" => $request->get('site'),
                "nom" => $request->get('nom')
            ];
     
     
            $sorties = $sortieRepository->afficher($param);
     
            $serializer->serialize($sorties, 'json');
     
            return $this->json(
                [
                    "sorties" => $serializer, //problème ici
                    "param" => $param
                ]);
     
        }

    JS/Ajax :
    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
    $('#nom2').on('keyup', function (e) {
     
        currentRequest = $.ajax({
            type: 'POST',
            url: '/test/recherche',
            data: {
                "site": null,
                "nom": $(this).val()
            },
            beforeSend: function () {
                if (currentRequest != null) {
                    currentRequest.abort();
                }
            }
     
        }).done(function (data) {
            console.log(data);
            console.log(data['param']);
            console.log(JSON.parse(data['sorties']));
        });
    });
    Actuellement, j'ai testé, en écrivant des une input de type search :
    - seul la dernière requête se réalise (si je tape 'bon', ça va me chercher 'bon' et non 'b' puis 'bo' puis 'bon') => ça fonctionne
    - envoyer plusieurs données d'Ajax vers PHP => ça fonctionne
    - envoyer un tableau de donnée en dire de PHP vers AJAX et le lire => ça fonctionne
    - faire une requête DQL qui renvoie des données vers AJAX => Fonctionne pas >_<

    Après moult recherche et réflexion, j'ai compris que lorsque mes infos venant de la BDD sont envoyés à AJAX en JSON, cela fait une référence circulaire. JSON traduit (Test1 besoin de Test2 qui a besoin de Test1 qui a besoin de Test2 et ainsi de suite).
    J'ai compris que je dois faire une sérialisation (que j'ai essayé plus haut).
    Mais ça ne fonctionne toujours pas, j'ai cette erreur qui apparaît :
    Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at Object.<anonymous> (home.js:68)
    at c (jquery-3.4.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-3.4.1.min.js:2)
    at l (jquery-3.4.1.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery-3.4.1.min.js:2)
    Et même en faisant : console.log(data);.
    Mon tableau est vide dedans, pourtant ma requête DQL fonctionne et me renvoie bien toutes mes données.

    Et là, je bloque totalement. Si une âme charitable pouvait m'aider .

    Bonne soirée.

  5. #5
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 505
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 505
    Par défaut
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    $defaultContext = [
                AbstractNormalizer::CIRCULAR_REFERENCE_HANDLER => function ($object, $format, $context) {
                    return $object->getNom();
                },//celle-ci
            ];

    La virgule après la fin de la fonction n'est pas une erreur de copier/coller?

  6. #6
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2020
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2020
    Messages : 14
    Par défaut
    Bonjour,

    Non. En PHP, on peut laisser une virgule à la fin dans un tableau (d'après mes formateurs, c'est une bonne pratique).

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    discussion mise en résolue, c'est bien mais tu ne partagerais pas ta/la solution, c'est également cela le but d'un forum de partage !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 7
    Dernier message: 23/11/2009, 15h59
  2. Faire une recherche avec/sans accents
    Par Wedge3D dans le forum MS SQL Server
    Réponses: 3
    Dernier message: 21/02/2007, 10h43
  3. [VB.Net] Faire des onglets avec Webmatrix
    Par ellyne dans le forum ASP.NET
    Réponses: 2
    Dernier message: 16/01/2006, 12h03
  4. [Son] Faire des bruits avec une application java
    Par mammistegon dans le forum Multimédia
    Réponses: 6
    Dernier message: 22/01/2005, 17h17
  5. faire des graphiques avec Perl
    Par And_the_problem_is dans le forum Modules
    Réponses: 2
    Dernier message: 16/07/2003, 16h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo