[解決済み] 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% 以上。 を使用できますか? ) ですが、もしレガシーブラウザもサポートする必要がある場合は ポリフィル .
関連
-
親子コンポーネント通信を解決する3つのVueスロット
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] JavaScriptでURLをエンコードする?
-
[解決済み] JavaScriptの正規表現でマッチしたグループにアクセスするにはどうすればよいですか?
-
[解決済み] Node.js上のExpress.jsでGET(クエリ文字列)変数を取得する方法とは?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
JavaScriptのStringに関する共通メソッド
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み】「GET」パラメータから値を取得する(JavaScript)【重複】。