saut de page html en passant les paramètres

La transmission des paramètres de saut de page HTML est une technologie couramment utilisée dans le développement Web. En transmettant des paramètres, l'interaction des données et le transfert d'informations entre les pages peuvent être obtenus, offrant aux utilisateurs des services plus personnalisés. Cet article présentera plusieurs méthodes sur la façon d'implémenter les paramètres de saut et de passage de page HTML.

1. Passage des paramètres d'URL

Le passage des paramètres d'URL est l'une des méthodes les plus couramment utilisées pour transférer des paramètres lors du passage à une page HTML. Nous voyons souvent des adresses URL avec des informations sur les paramètres, par exemple :

http://www.example.com/index.php?id=10&name=test

Parmi eux, l'id=10&name=test après ? , id et name sont des noms de paramètres, 10 et test sont des valeurs de paramètres. La méthode de mise en œuvre spécifique est la suivante :

1. Définissez l'adresse du lien dans la page source :

Cliquez pour sauter

Parmi eux, target.html est l'adresse de la page cible, et l'id=10&name=test après ? est l'information sur le paramètre à transmettre.

2. Obtenez la valeur du paramètre dans la page cible :

//Obtenez la valeur du paramètre id
var id = GetQueryString("id");
//Obtenez la valeur du paramètre name
var name = GetQueryString ("name") ;

//Obtenir les paramètres d'URL
function GetQueryString(name){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Grâce à la méthode ci-dessus, vous pouvez obtenir les informations sur les paramètres transmises dans la page cible et effectuer les opérations correspondantes si nécessaire.

2. Soumission de formulaire et transmission de paramètres

La soumission de formulaire est une autre méthode couramment utilisée pour transmettre des paramètres lors du passage à une page HTML. Grâce à la soumission du formulaire, les données peuvent être transférées vers la page spécifiée pour réaliser une interaction de données entre les pages. La méthode spécifique de mise en œuvre est la suivante :

1. Définissez le formulaire dans la page source :

<input type="hidden" name="id" value="10">
<input type="hidden" name="name" value="test">
<input type="submit" value="提交">

where action est l'adresse de la page cible, méthode est la méthode de soumission, ici la méthode get est utilisée pour soumettre. id et name sont les noms des paramètres à transmettre, et 10 et test sont les valeurs des paramètres à transmettre.

2. Obtenez la valeur du paramètre dans la page cible :

//Obtenez la valeur du paramètre id
var id = GetQueryString("id");
//Obtenez la valeur du paramètre name
var name = GetQueryString ("nom") ;

//Obtenir les paramètres d'URL
fonction GetQueryString(nom){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Un transfert de données plus complexe peut être réalisé via la soumission d'un formulaire, comme la transmission de plusieurs paramètres ou la transmission de fichiers, etc.

3. Paramètres de transfert des cookies

Le cookie est une technologie qui stocke les données côté client et peut transférer des informations sur les paramètres entre les pages HTML. La méthode de mise en œuvre spécifique est la suivante :

1. Définir les cookies dans la page source :

document.cookie="id=10" ;
document.cookie="name=test" ;

Définir les informations sur les cookies via le document. cookie, id et name sont les noms de paramètres à transmettre, et 10 et test sont les valeurs de paramètres à transmettre.

2. Obtenez la valeur du cookie dans la page cible :

//Obtenez la valeur du paramètre id
var id = getCookie("id");
//Obtenez la valeur du paramètre name
var name = getCookie ("name") ;

//Obtenir la valeur du cookie du nom spécifié
function getCookie(name){

var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
    return decodeURIComponent(arr[2]);
else
    return null;

}

La transmission de paramètres via les cookies peut permettre le partage de données et le transfert d'informations entre différentes pages, mais cela devrait être a noté que la quantité de données stockées par les cookies est limitée, il n'est pas approprié de transmettre des informations de paramètres trop volumineuses.

Ce qui précède présente plusieurs méthodes pour transférer des paramètres lors du passage à une page HTML. Différentes méthodes conviennent à différents scénarios. Les développeurs front-end peuvent choisir des méthodes appropriées pour mettre en œuvre l'interaction des données et le transfert d'informations entre les pages en fonction de besoins spécifiques, offrant ainsi aux utilisateurs des services plus personnalisés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!