Discussion :

[Matteo53]

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.

[ASCIIDEFOND]

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)
}

[Matteo53]

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