URLパラメータ(クエリ文字列)とは
URLの末尾に ?key=value の形式で付与されるデータです。ページ間で情報を引き継ぐために使われます。
データの送信方法
1. リンクで送信
URLに直接書き込みます。
<a href="next.html?msg=hello">送信</a>
2. フォームで送信
method="get" を指定します。
<form method="get" action="next.html">
<input name="msg">
</form>
JavaScriptでの解析 (受信)
URLSearchParams オブジェクトを使うと、特定の値を簡単に取り出せます。
// 現在のURLを取得して解析
const url = new URL(window.location.href);
const params = url.searchParams;
// 'msg' という名前のパラメータを取得
const msg = params.get('msg');
// 画面に表示
document.getElementById('output').textContent = msg;
主なメソッド
- .get('key'): 値を取得する
- .has('key'): パラメータが存在するか確認する