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

jQuery Discussion :

Passer un formulaire et d'autres éléments en paramètre d'une requête AJAX


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 226
    Par défaut Passer un formulaire et d'autres éléments en paramètre d'une requête AJAX
    Bonjour,
    J'ai une tableau avec pagination que j'affiche via une requête AJAX en passant en paramètre de la requête les éléments nécessaire à la création de ma pagination ( { nbTot : nbTot, noPage : noPage, perPage : nbPerPage } ).
    Je souhaiterai ajouter un formulaire pour pouvoir filtrer les données de mon tableau pour cela je fais :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    $("#searchForm").on('submit', function(e) {
            e.preventDefault(); 
            $.ajax({
                  url: $(this).attr('action'),
                  type: $(this).attr('method'),
                  data: $(this).serialize(), //Le problème c'est que j'aimerai aussi ajouter les paramètres de pagination ( { nbTot : nbTot, noPage : noPage, perPage : nbPerPage } ).
                  success: function(data) {
                        alert(data); 
                        }
                  });
          });
    Quand je fais "$(this).serialize()" seul, c'est super je récupère les données comme pour un formulaire posté normalement, le problème vient quand je veux ajouter les paramètres de pagination , je ne vois pas du tout comment m'y prendre.
    J'ai essayé plusieurs choses nottament : "{ search : $(this).serialize(), nbTot : nbTot, noPage : noPage, perPage : nbPerPage }", je récupère bien les données mais pas sous le bon format... "$_POST['search']" n'est qu'un array avec aucun index, ce qui n'est pas pratique pour récupérer les valeurs des inputs de mon formulaire, par contre j'ai bien "$_POST['nbTot'], $_POST['noPage'] et $_POST['nbPerPage'].

    Quelqu'un aurait-il une solution?

    Merci

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    C'est du texte séparé par un "&".

    Par exemple : let str = $( "form" ).serialize() + "&multiple=Multiple&check=check2";.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 226
    Par défaut
    Merci beaucoup! Ca marche nikel!
    En fait c'est la même syntaxe que pour un GET? (www.bidule.com/?aze=aze&qsd=qsd)
    Je ne savais pas que ça pouvait se transmettre de cette façon par POST

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Une autre possibilité est de passer les données dans des inputs hidden du form, soit au moment des blur ou change des champs ou sur le onsubmit du form, qui du coup passent dans le serialize
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 226
    Par défaut
    Effectivement.
    Merci pour vos réponses.

  6. #6
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2015
    Messages : 226
    Par défaut
    En fin de compte j'ai une autre question...
    Pour un soucie praticité, j'aimerais pouvoir regrouper toutes les données du formulaire dans un array, pour avoir à l'arrivé quelque chose du style : $_POST['formulaire']avec toute mes variables ($_POST['formulaire']['id1'] , $_POST['formulaire']['id2'], ...) et toujours mes paramétres au même niveau que l'array $_POST['nbTot'], ...

    Quelqu'un pourrait-il m'aiguiller?

    Merci.

Discussions similaires

  1. Réponses: 1
    Dernier message: 03/04/2013, 14h45
  2. Réponses: 10
    Dernier message: 27/09/2010, 17h54
  3. [Formulaire] Afficher 2 autres champs si on sélectionne une option
    Par plex dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 14/05/2008, 11h07
  4. [Prototype] TinyMCE et autres lib dans une requête ajax
    Par metos256 dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 03/03/2008, 11h25
  5. Réponses: 1
    Dernier message: 21/03/2006, 14h29

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