ホームページ > ウェブフロントエンド > フロントエンドQ&A > nodejsページジャンプパラメータ転送

nodejsページジャンプパラメータ転送

PHPz
リリース: 2023-05-18 15:10:38
オリジナル
712 人が閲覧しました

Node.js は、JavaScript インタープリターがサーバー上でコードを実行できるようにする軽量の JavaScript ランタイム環境です。その結果、Node.js は、Web アプリケーションの構築によく使用されるサーバーサイド開発言語として人気になりました。

Node.js では、Express フレームワークを使用して Web アプリケーションを簡単に構築できます。 Web アプリケーションでは、さまざまなページ コンテンツを表示するために、ページにジャンプしてパラメータを渡すことが必要になることがよくあります。この記事では、Express でページジャンプとパラメータの受け渡しを実装する方法を紹介します。

  1. Express でのページ ジャンプ

Express では、ページ ジャンプは res.redirect() 関数を通じて実装されます。 res.redirect() 関数は、URL 文字列をパラメータとして受け取り、ブラウザを URL で指定されたページにリダイレクトします。例:

app.get('/home', function(req, res) {
  res.redirect('/login');
});
ログイン後にコピー

上記のコードでは、ユーザーが「/home」パスにアクセスすると、サーバーはユーザーを「/login」パスにジャンプします。

  1. Express でパラメータを渡す

パラメータを渡す必要がある場合は、URL クエリ パラメータまたはルート パラメータを使用できます。 URL クエリ パラメーターは、「/user?name=john&age=30」など、URL の末尾にあるキーと値のペアです。ルーティング パラメーターは、「/user/:name」などのパス内にあります。

2.1 URL クエリ パラメーター

Express では、req.query オブジェクトを使用して URL クエリ パラメーターを取得できます。例:

app.get('/user', function(req, res) {
  var name = req.query.name;
  var age = req.query.age;
  res.send('Name: ' + name + ', Age: ' + age);
});
ログイン後にコピー

上記のコードでは、ユーザーが「/user?name=john&age=30」パスにアクセスすると、サーバーは「名前: ジョン、年齢: 30」を返します。

2.2 ルーティング パラメータ

Express では、ルーティング パラメータを使用してパラメータを動的に渡すことができます。例:

app.get('/user/:name', function(req, res) {
  var name = req.params.name;
  res.send('Name: ' + name);
});
ログイン後にコピー

上記のコードでは、ユーザーが「/user/john」パスにアクセスすると、サーバーは「名前: john」を返します。

  1. Express でページ ジャンプとパラメーターの受け渡しを同時に実装する

Express では、クエリ パラメーターまたはルーティング パラメーターを渡すことで、同時にページ ジャンプを実現できます。 URL を回してパラメータを渡します。例:

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 });
});
ログイン後にコピー

上記のコードでは、ユーザーが「/login」パスにアクセスすると、サーバーはユーザーに名前と年齢を入力するフォームを表示します。ユーザーがフォームを送信すると、サーバーは「/user/:name」パスにリダイレクトし、URL でクエリ パラメータ「age」を渡します。最後に、サーバーはユーザー名と年齢を含むページをレンダリングします。

概要

この記事では、Express でページジャンプとパラメータの受け渡しを実装する方法を紹介しました。 res.redirect() 関数を使用してページにジャンプでき、URL クエリ パラメーターまたはルーティング パラメーターを使用してパラメーターを渡すことができます。ページ ジャンプの実装とパラメーターの受け渡しを同時に行う場合、URL でクエリ パラメーターまたはルーティング パラメーターを渡すことができます。

以上がnodejsページジャンプパラメータ転送の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート