Parse URL は、指定した URL の構成要素を解析し、ホスト名や QueryString の個々の値を簡単に取得することができる jQuery プラグインです。
jQuery Utility Kit の一機能として、もしくは単独の jQuery プラグインとして使用することができます。
使い方
jQuery、jQuery Utility Kit(または Parse URL)の JS ファイルを読み込みます。
DEMO
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script src="jquery.utility-kit.js"></script><!-- または jquery.parse-url.js -->
以下いずれかの方法で、$.parseURL() メソッドを実行すると、json 形式で解析結果を返します。
DEMO
- // 表示してるページの URL (location.href) の解析結果を返します
- var json = $.parseURL();
-
- // img や a 要素のように href 又は src 属性を持つ要素に対して適用
- var json = $('a.link').parseURL();
-
- // 直接 URL を指定し実行
- var json = $.parseURL('http://domain/app/page.html?p1=aaa&p2=bbb#ccc');
-
- alert( json.href ); // http://domain/app/page.html?p1=aaa&p2=bbb#ccc
- alert( json.protocol ); // http:
- alert( json.host ); // domain:80
- alert( json.hostname ); // domain
- alert( json.port ); // 80
- alert( json.pathname ); // app/page.html
- alert( json.hash ); // #ccc
- alert( json.search ); // ?p1=aaa&p2=bbb
- alert( json.query ); // json オブジェクト
- alert( json.query.p1 ); // aaa
- alert( json.query.p2 ); // bbb
ダウンロード
こちらからどうぞ。