Discussion :

[sylvain257]

Bonjour,

Je travaille sur une application de type CRUD pour la gestion d'utilisateurs.

Mon application fonctionne selon des clients, des profils et des utilisateurs. Un client a un ou plusieurs profils, qui eux mêmes ont un ou plusieurs utilisateurs.

J'ai donc une page avec le tableau des clients. La page s'appelle index.php. Chaque ligne du tableau possède un bouton qui permet d'afficher la liste des profils.

Je cherchai comment faire passer des variables JS dans l'URL ce que j'ai réussi via URLSearchParams.

A chaque fonction appelée (fonctions qui me charge soit les clients, soit les profils soit les utilisateurs) j'ai ce genre de ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
params = new URLSearchParams();
      params.set('client', c);
 
      window.history.replaceState({}, 'index', 'index.php?' + params);

Exemple : Je clique sur le client 1, la page m'affiche la liste des profils associés au client 1. Mon url change en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://localhost/mon_app/index.php?client=1

J'aimerais maintenant qu'en changeant un paramètre dans l'URL, le contenu de la page change.

Autrement dit, si je change l'URL pour devenir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://localhost/mon_app/index.php?client=2

on ait les profils du client 2 qui s'affichent.

J'aimerais qu'on puisse faire la passerelle entre plusieurs client en modifiant juste un paramètre dans l'url.

Egalement, j'aimerais que quand on rafraichit cette page par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://localhost/mon_app/index.php?client=1

on ne retombe pas systématiquement sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://localhost/mon_app/index.php?

Comment faire ?

Merci pour vos retours

Sylvain

[mathieu]

l'utilisation de "replaceState" va seulement modifier l'url affiché dans le navigateur. si vous voulez ensuite que le contenu se modifie vous devrez le faire en javascript.
je pense que à la place, vous devriez utiliser "location.assign". cela rechargera la page avec l'url et donc ça appellera le code de génération de la page.

vous pouvez voir plus d'informations sur les pages suivantes. ce site contient plein de documentation en français mais toutes les pages françaises ont l'air plantées actuellement donc j'ai mis les page en anglais :
https://developer.mozilla.org/en-US/...ocation/assign
https://developer.mozilla.org/en-US/...he_History_API