[解決済み] jQuery / Javascriptでクエリストリングパラメータのurl値を取得する(querystring)。
2022-04-21 12:31:42
質問
クエリ文字列パラメータを処理するためのjQueryエクステンションを書く良い方法を知っている人はいますか?私は基本的にjQueryの魔法を拡張したいです
($)
関数で、こんなことができるようになります。
$('?search').val();
そうすると、以下のURLに "test"という値が得られます。
http://www.example.com/index.php?search=test
.
jQueryやJavascriptでこのようなことができる関数をたくさん見てきましたが、実はjQueryを拡張して上の図のように正確に動作させたいと考えています。私はjQueryプラグインを探しているのではなく、jQueryメソッドの拡張を探しているのです。
どのように解決するのですか?
長年にわたる醜い文字列解析の末に、より良い方法があります。 URLSearchParams この新しいAPIを使って、どのように位置情報から値を取得するのか見てみましょう
//Assuming URL has "?post=1234&action=edit"
var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?
post=1234&action=edit&active=1"
UPDATE : IEはサポートされていません
からこの関数を使用します。 以下、回答 の代わりに URLSearchParams
$.urlParam = function (name) {
var results = new RegExp('[\?&]' + name + '=([^&#]*)')
.exec(window.location.search);
return (results !== null) ? results[1] || 0 : false;
}
console.log($.urlParam('action')); //edit
関連
-
vueにおけるv-forループオブジェクトのプロパティ
-
[解決済み] jQueryやJavaScriptを使用してURLパラメータを取得するには?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] JavaScriptの配列で一意な値をすべて取得する(重複を排除する)。
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] Node.js上のExpress.jsでGET(クエリ文字列)変数を取得する方法とは?
-
[解決済み] クエリ文字列パラメータのJava URLエンコーディング
-
[解決済み】エスケープされたURLのパラメータを取得する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] Node.js クイックファイルサーバ (静的ファイルオーバーHTTP)