【Amazon】人気の商品が日替わりで登場!
毎日お得なタイムセール!商品をみる

【Express】クエリパラメーターを取得する方法

本記事では、Expressのクエリパラメーターを取得する方法について解説しています。

Node.jsの学習におすすめ書籍
Node.js超入門[第4版]
総合評価
( 5 )
メリット
  • 今月出版されたNode.js超入門 第3版の改訂版
  • 最新のNode.jsを学ぶことができる
楽天ブックス
¥3,300 (2024/04/23 11:02時点 | 楽天市場調べ)
先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!

全プログラマー必見!
変数名/関数名にもう悩まない!
リーダブルコード
総合評価
( 5 )
メリット
  • 美しいコードが書けるが自然と書けるようになる
  • 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次

クエリパラメータの取得

クエリパラメータの取得方法は以下のとおりです。

const express = require("express");
const app = express();

app.get("/search", (req, res) => {
  res.send(`<h1>${req.query.q}のページです。</h1>`);
});
コードの重要ポイント

req.query:この場所にクエリパラメータのkeyと値が格納されます。keyには、クエリ(?・&に続く文字)が設定されます。

上記のサンプルコードでは「req.query.q」と設定しているため、パスが「/search?q=”値”」であれば”値”を取得することが出来ます。もしパスが「/search?s=”値”」だった場合は、req.query.qではなく「req.query.s」で取得することが出来ます。

○ 結果1
URL:http://localhost:8080/search?q=ramen
表示:ramenのページです。

○ 結果2
URL:http://localhost:8080/search?q=sushi
表示:sushiのページです。

○ 結果3
URL:http://localhost:8080/search?q=steak
表示:steakのページです。

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村 FC2 Blog Ranking

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次