Redirection Page Html

**guigui69** · 27/09/2024, 15h19

Bonjour à tous,

Dans un fichier Excel, j'ai créé un lien hypertexte ou je doit faire une redirection vers une page.
J'ai récupéré un code javascript que j'ai inséré dans une page redirection.html

Code html :

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
<html>
 <body>
 Please wait, loading your page... 
 <script type="text/javascript">
     function getQuerystring(key) {
         key = key.replace(/[\[]/,"\\\[").replace(/    [\]]/,"\\\]");
                // alert('>>>>>>>>>>>>'+key)
         var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
                //  alert('>>>>>>>>>>>>'+regex)
         var query = regex.exec(window.location.href);
                // alert(query[1]);
         return query[1];
     }
     window.location = "http://" + window.location.host + "/" + getQuerystring('page');
 </script>
 </body>
 </html>

cela fonctionne en partie, voici URL de depart

Code :

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

http://intranet/redirection.html?page=suivi/visu_detail.php?annee=2024&code=1111111111&s=tata

mais a la fin j'arrive sur ceci

Code :

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

http://intranet/suivi/visu_detail.php?annee=2024

cela a supprimé ce qu'il se trouve après &

je voudrais comprendre a quoi correspond les Replace et Regexp, Pourriez-vous m'aiguiller ?

Merci par avance

guigui69

**mathieu** · 27/09/2024, 15h41

il s'agit d'une expression régulière. vous pouvez trouver plus d'informations sur la page suivante :
https://developer.mozilla.org/fr/doc...ar_expressions

**NoSmoking** · 27/09/2024, 19h09

Bonjour,

je voudrais comprendre a quoi correspond les Replace et Regexp, Pourriez-vous m'aiguiller ?

en attendant que CosmoKnacki passe pour plus amples explications il me semble que cela peut se résoudre simplement avec l'interface URL et sa méthode URL.searchParams.

cela a supprimé ce qu'il se trouve après &

à aucun moment tu ne les récupère !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
const adresse ="http://intranet/redirection.html?page=suivi/visu_detail.php?annee=2024&code=1111111111&s=tata"
const url = new URL(adresse);
const params = url.searchParams;
// récup. la redirection page
const page = params.get("page");
// supprime le paramètre page
params.delete("page");
// construit la nouvelle adresse
// pas bon, manque un & !!!!
//console.log("%s/%s%s", url.origin, page, params.toString());
console.log("%s/%s&%s", url.origin, page, params.toString());

Ressources :

[Edit 01/10/2024] correction code, maquait un & ligne 10

**guigui69** · 27/09/2024, 22h00

Bonsoir NoSmoking pourquoi " a aucun moment je les récupère"?

**guigui69** · 27/09/2024, 22h34

NoSmoking,
j'ai tester ton code ,

pourquoi const page = params.get("page"); ne prend pas tout le parametre page "suivi/visu_detail.php?annee=2024&code=1111111111&s=tata" mais uniquement "suivi/visu_detail.php?annee=2024" ?

**CosmoKnacki** · 28/09/2024, 16h26

Le problème c'est que cette url est mal écrite et ambiguë, car comme les paramètres query ne sont pas encodés avec des pourcentages pour les caractères problématiques, impossible de savoir où s'arrête la valeur du paramètre page.
Sa valeur peut être l'une de celle-ci:

suivi/visu_detail.php?annee=2024
suivi/visu_detail.php?annee=2024&code=1111111111
suivi/visu_detail.php?annee=2024&code=1111111111&s=tata

, et les paramètres restant seraient alors des paramètres liés au path suivi/visu_detail.php et non à redirection.html.

Pour lever l'ambiguïté, il faudrait que l'url ait une de ces têtes:

http://intranet/redirection.html?page=suivi%2Fvisu_detail.php%3Fannee%3D2024&code=1111111111&s=tata
http://intranet/redirection.html?page=suivi%2Fvisu_detail.php%3Fannee%3D2024%26code%3D1111111111&s=tata
http://intranet/redirection.html?page=suivi%2Fvisu_detail.php%3Fannee%3D2024%26code%3D1111111111%26s%3Dtata

**CosmoKnacki** · 28/09/2024, 17h26

Pour ce qui est de la fonction présentée au départ, elle est l'une des multiples versions qu'on trouve sur le web avec plus ou moins d'erreurs de copie et de passages sucrés. Voici une version sans erreur:

Code :

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

1
2
3
4
5
6
7
8
9
function getQueryParam(param, url) {
    param = param.replace('[', '\\\[').replace(']', '\\\]');
 
    const regex = new RegExp('[?&]' + param + '=([^&#]*)');
 
    const result = regex.exec(url);
 
    return result ? result[1] : '';
}

L'idée de cette fonction est de construire dynamiquement une pattern capable d'extraire la valeur d'un paramètre spécifique de la partie "query" (autrement dit les paramètres passés en GET) d'une URL. Comme ce paramètre peut être un tableau (par exemple issu d'un ensemble de checkboxs), il est susceptible de contenir des crochets. Or comme ces crochets ont une signification spéciale au sein d'une pattern (ils servent à délimiter une classe de caractères), il faut les échapper pour qu'ils soient vu comme des crochets au sens littérale. C'est à ça que servent les deux replace.

Ensuite on peut construire dynamiquement la pattern pour la transmettre au constructeur RegExp. Ce qui donnera pour param='page' la pattern suivante:[?&]page=([^&#]*).

[?&] une classe de caractères contenant ? et & (et donc qui réussira sur l'un ou l'autre de ces caractères
page= c'est une chaîne littérale, rien de spécial à dire.
[^&#]* un classe de caractères ne contenant ni & ni #, répétée de 0 à n fois, ce qui veut dire que cette partie ne s'arrêtera qu'à la rencontre d'un prochain paramètre, de l'ancre de l'url, ou à la fin de la chaîne.
Le couple de parenthèses encadrant cette dernière partie est un groupe de capture qui permet d'isoler cette partie de la correspondance avec result[1] car c'est le premier groupe de capture.

Il est clair que cette fonction date un peu et que la bonne méthode pour parser et extraire des informations d'une URL est celle présentée par NoSmoking.
Néanmoins ton problème reste entier puisque c'est ton URL qui est mal encodée.

**guigui69** · 01/10/2024, 18h50

Bonjour,

j'ai fait la modification, mais cela ne fonctionne pas.

je vois bien la bonne URL mais à la fin je retourne a l'acceuil de intranet (http://intranet)

je comprend pas pourquoi