Maison  >  Article  >  interface Web  >  transfert des paramètres de saut de page nodejs

transfert des paramètres de saut de page nodejs

PHPz
PHPzoriginal
2023-05-18 15:10:38682parcourir

Node.js est un environnement d'exécution JavaScript léger qui permet à un interpréteur JavaScript d'exécuter du code sur le serveur. En conséquence, Node.js est devenu un langage de développement côté serveur populaire, couramment utilisé pour créer des applications Web.

Dans Node.js, les applications Web peuvent être facilement créées à l'aide du framework Express. Dans les applications Web, il est souvent nécessaire d'accéder aux pages et de transmettre des paramètres afin d'afficher différents contenus de page. Cet article explique comment implémenter les paramètres de saut de page et de passage dans Express.

  1. Saut de page dans Express

Dans Express, le saut de page est implémenté via la fonction res.redirect(). La fonction res.redirect() accepte une chaîne d'URL comme paramètre et redirige le navigateur vers la page spécifiée par l'URL. Par exemple :

app.get('/home', function(req, res) {
  res.redirect('/login');
});

Dans le code ci-dessus, lorsque l'utilisateur accède au chemin "/home", le serveur redirigera l'utilisateur vers le chemin "/login".

  1. Passage de paramètres dans Express

Si nous devons transmettre des paramètres, nous pouvons utiliser des paramètres de requête d'URL ou des paramètres de route. Les paramètres de requête d'URL sont des paires clé/valeur situées à la fin de l'URL, telles que "/user?name=john&age=30". Les paramètres de routage se trouvent dans le chemin, tels que "/user/:name".

2.1 Paramètres de requête d'URL

Dans Express, nous pouvons utiliser l'objet req.query pour obtenir les paramètres de requête d'URL. Par exemple :

app.get('/user', function(req, res) {
  var name = req.query.name;
  var age = req.query.age;
  res.send('Name: ' + name + ', Age: ' + age);
});

Dans le code ci-dessus, lorsque l'utilisateur accède au chemin "/user?name=john&age=30", le serveur renverra "Name: john, Age: 30".

2.2 Paramètres de routage

Dans Express, nous pouvons utiliser des paramètres de routage pour transmettre dynamiquement des paramètres. Par exemple :

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  res.send('Name: ' + name);
});

Dans le code ci-dessus, lorsque l'utilisateur accède au chemin "/user/john", le serveur renverra "Name: john".

  1. Implémenter des sauts de page et transmettre des paramètres en même temps dans Express

Dans Express, nous pouvons réaliser des sauts de page et transmettre des paramètres en même temps en passant des paramètres de requête ou des paramètres de routage dans l'URL. Par exemple :

app.get('/login', function(req, res) {
  var name = req.query.name;
  var age = req.query.age;
  res.render('login', { name: name, age: age });
});

app.post('/login', function(req, res) {
  var name = req.body.name;
  var age = req.body.age;
  res.redirect('/user/' + name + '?age=' + age);
});

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  var age = req.query.age;
  res.render('user', { name: name, age: age });
});

Dans le code ci-dessus, lorsque l'utilisateur accède au chemin "/login", le serveur présentera un formulaire à l'utilisateur pour saisir son nom et son âge. Lorsque l'utilisateur soumet le formulaire, le serveur redirigera vers le chemin "/user/:name" et transmettra le paramètre de requête "age" dans l'URL. Enfin, le serveur affichera une page avec le nom d'utilisateur et l'âge.

Résumé

Dans cet article, nous avons présenté comment implémenter les paramètres de saut de page et de passage dans Express. Nous pouvons utiliser la fonction res.redirect() pour accéder à la page, et nous pouvons utiliser des paramètres de requête URL ou des paramètres de routage pour transmettre des paramètres. Lors de la mise en œuvre de sauts de page et de la transmission de paramètres en même temps, nous pouvons transmettre des paramètres de requête ou des paramètres de routage dans l'URL.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn