URL の構成要素や QueryString の値を簡単に参照できるようにする jQuery プラグイン

Parse URL は、指定した URL の構成要素を解析し、ホスト名や QueryString の個々の値を簡単に取得することができる jQuery プラグインです。 jQuery Utility Kit の一機能として、もしくは単独の jQuery プラグインとして使用することができます。

使い方

jQuery、jQuery Utility Kit(または Parse URL)の JS ファイルを読み込みます。

  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  2. <script src="jquery.utility-kit.js"></script><!-- または jquery.parse-url.js -->

以下いずれかの方法で、$.parseURL() メソッドを実行すると、json 形式で解析結果を返します。

  1. // 表示してるページの URL (location.href) の解析結果を返します
  2. var json = $.parseURL();
  3.  
  4. // img や a 要素のように href 又は src 属性を持つ要素に対して適用
  5. var json = $('a.link').parseURL();
  6.  
  7. // 直接 URL を指定し実行
  8. var json = $.parseURL('http://domain/app/page.html?p1=aaa&p2=bbb#ccc');
  9.  
  10. alert( json.href ); // http://domain/app/page.html?p1=aaa&p2=bbb#ccc
  11. alert( json.protocol ); // http:
  12. alert( json.host ); // domain:80
  13. alert( json.hostname ); // domain
  14. alert( json.port ); // 80
  15. alert( json.pathname ); // app/page.html
  16. alert( json.hash ); // #ccc
  17. alert( json.search ); // ?p1=aaa&p2=bbb
  18. alert( json.query ); // json オブジェクト
  19. alert( json.query.p1 ); // aaa
  20. alert( json.query.p2 ); // bbb

ダウンロード

こちらからどうぞ。