☰

JavaScript を使用して現在の URL からクエリ文字列を取得するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon javascript query-string
JavaScript を使用して現在の URL からクエリ文字列を取得するにはどうすればよいでしょうか? 質問する

次のような URL があります:

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

?私がする必要があるのは、記号（クエリ文字列）の後の詳細を取得することですProjectID=462。JavaScript を使用してそれを取得するにはどうすればよいですか?

これまで私がやったことは以下の通りです:

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

次に何をすればいいのか分かりません。

ベストアンサー1

見てみましょうMDN記事についてwindow.location。

QueryString は で使用できますwindow.location.search。

より便利なインターフェースで作業したい場合は、searchParamsURLインターフェースのプロパティで、URL検索パラメータオブジェクト。返されるオブジェクトには、get メソッドを含むいくつかの便利なメソッドがあります。したがって、上記の例に相当するものは次のようになります。

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

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

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

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

URLSearchParamsインターフェースは現在、ブラウザで広く採用されています（95%以上と報告されています）。使ってもいいですか）ですが、レガシーブラウザもサポートする必要がある場合は、ポリフィル。

おすすめ記事