1. ホーム
  2. javascript

[解決済み] JavaScriptで現在のURLからクエリ文字列を取得するには?

2022-05-16 10:28:46

質問

このようなURLがあります。

http://localhost/PMApp/temp.htm?ProjectID=462

必要なのは、詳細情報を取得するために ? 記号 (クエリ文字列) - つまり ProjectID=462 . どのように私はJavaScriptを使用してそれを得ることができますか?

今までやったことは、こんな感じです。

var url = window.location.toString();
url.match(?);

次に何をすればいいのかわからない。

どのように解決すればよいですか?

このページでは MDN記事 について window.location .

QueryString は window.location.search .

より便利なインターフェイスで作業を行いたい場合には searchParams を返す URL インターフェースのプロパティがあります。 URLSearchParams オブジェクトを返します。返されたオブジェクトには、get-method などの便利なメソッドが多数あります。ですから、上の例と同等のものは、次のようになります。

let params = (new URL(document.location)).searchParams;
let name = params.get("name");

この URLSearchParams インターフェースは、クエリストリング形式の文字列をパースし、便利な URLSearchParams オブジェクトに変換するために使用することもできます。

let paramsString = "name=foo&age=1337"
let searchParams = new URLSearchParams(paramsString);

searchParams.has("name") === true; // true
searchParams.get("age") === "1337"; // true

URLSearchParams インターフェースは現在、ブラウザで広く採用されています (95% 以上。 を使用できますか? ) ですが、もしレガシーブラウザもサポートする必要がある場合は ポリフィル .