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

JavaScript Discussion :

Récupérer un paramètre passé dans l'URL


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut Récupérer un paramètre passé dans l'URL
    Bonjour,
    j'ai crée un formulaire avec un champ de recherche dans la barre de navigation je voudrais que :
    A la soumission du formulaire rediriger l'utilisateur sur une autre page et en même temps j'ai besoin de garder la valeur du champ(un verbe choisi), pour manipuler par la suite.
    Je pensais garder la variable et valeur dans l'url de redirection et la récupérer par la suite. En php je sais comment faire mais en JS j'ai besoin de votre aide
    Mon code
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <form id="formGlobalVerbes">
                    <input type="text" id="getGlobalVerbes" list="globalVerbes" name="verbe">
                    <datalist id="globalVerbes">
                    </datalist>
                    <button type="submit" class="btn btn-secondary btn-sm">rechercher</button>
     </form>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    let formGlobalVerbes = document.querySelector('#formGlobalVerbes');
    let inputGlobalVerbes = document.querySelector('#getGlobalVerbes');
    formGlobalVerbes.addEventListener('submit', function(e) {
        e.preventDefault();
        let valeur = inputGlobalVerbes.value;
        if(valeur.length >0) {
        document.location="./globalVerbe.html";
        }
    })
    Sans redirection je retrouve bien à la fin de mon url ?name="..."
    Je devrais dans l'url globalVerbe.html ajouter la valeur et la récupérer.
    merci pour votre aide.

  2. #2
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Salut Matteo53,

    Page principale
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    let formGlobalVerbes = document.querySelector('.btn');
    let inputGlobalVerbes = document.getElementById('getGlobalVerbes');
     
    formGlobalVerbes.addEventListener('click', (e) => {
      e.preventDefault();
      let valeur = inputGlobalVerbes.value
      if (valeur) document.location = "./globalVerbe.html?name=" + valeur
    })

    Page globalVerbe
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var url = new URL(window.location.href);
    var search_params = new URLSearchParams(url.search);
    if (search_params.has('name')) {
      var name = search_params.get('name');
      console.log(window.location.href + '\n' + name)
    }

  3. #3
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    Bonjour,
    merci beaucoup, j'ai adapté votre code et c'est ok
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    let urlCurrent = document.location.href;
    var url = new URL(urlCurrent);
    var name = url.searchParams.get("name");
    console.log(name);
    Bonne journée

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

Discussions similaires

  1. Récupérer un paramètres passé en URL
    Par NesrineNess dans le forum Symfony
    Réponses: 4
    Dernier message: 10/04/2017, 17h00
  2. Réponses: 1
    Dernier message: 19/08/2015, 07h43
  3. Boulette dans code FAQ Comment récupérer les paramètres passés dans une url
    Par NoSmoking dans le forum Contributions JavaScript / AJAX
    Réponses: 5
    Dernier message: 14/11/2013, 13h17
  4. Réponses: 0
    Dernier message: 22/05/2007, 12h06
  5. Récupérer les valeurs passées dans l'URL
    Par bogsy15 dans le forum Langage
    Réponses: 40
    Dernier message: 14/08/2006, 08h24

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