勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptでURLのクエリを取得する

   2014/05/22  JavaScript

やりたかった事はJavaScriptでGETのクエリを取得。

■ソース
var query     = new Array();
var hashes     = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
query.push(hash[0]);
query[hash[0]] = hash[1];
}
console.log(query);

■参考サイト
http://www.softel.co.jp/blogs/tech/archives/2245

■その他
http://aaa.jp/index.php?id=aaa&test=bbbだった場合、
["id=aaa", "test=bbb"]みたいに配列の形で返ってくる。

2行目のsliceは初めて見たので下記にリファレンスメモ。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

 - JavaScript

  関連記事

FileReader APIを用いて画像をアップロードせずにサムネイル表示

以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...

モーダルウィンドウ表示時にウィンドウのスクロール位置をリセットする方法

モーダルウィンドウ内で「縦にスクロール→ウィンドウを閉じる→改めてモーダルウィン ...

jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法

GETパラメータを取得し、その内容をページ上に表示したいケースがあった。また、A ...

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

JavaScriptにてページ内のスクロール可能な要素を最後までスクロールしないとボタンをクリックできないようにする方法

お問い合わせページ等で「個人情報の取扱いについて」のような長い文章があり、その部 ...