勉強したことのメモ

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

  関連記事

javascriptでのエラーログ
javascriptでのエラーログ

PHPでのエラーログ取りが思いのほか便利だったので JSについても簡単にログ取り ...

AjaxのJSONP使用でPHPで作った配列をJSに返す方法
AjaxのJSONP使用でPHPで作った配列をJSに返す方法

AというサイトからBというサイトにAjax通信し、Bの方ではMySQLに接続して ...

バニラJavaScriptでdisplay:none/blockの切り替え方法
バニラJavaScriptでdisplay:none/blockの切り替え方法

指定要素の表示非表示を切り替える場合jQueryだとhide/show使うか、t ...

郵便番号を入力すると住所を自動で入力してくれる「ajaxzip3」ライブラリの利用方法
郵便番号を入力すると住所を自動で入力してくれる「ajaxzip3」ライブラリの利用方法

お問い合わせフォームのようなページで郵便番号及び住所欄がある場合、ユーザーが郵便 ...

Lightboxの最新版ライブラリ「Lightbox3」の利用方法サンプル
Lightboxの最新版ライブラリ「Lightbox3」の利用方法サンプル

画像拡大(モーダル表示)系のライブラリはLightbox2を使用していたが、最新 ...