網頁

Thursday, November 11, 2010

[JS] 好用的QueryString取用方式

日前在找個好用的取得網址QueryString內容的好方法,找來找去,試來試去,最後覺得這個方式最棒,所以分享出來。

語法如下
var urlParams = {};
  (function () {
      var e,
          a = /\+/g,  // Regex for replacing addition symbol with a space
          r = /([^&=]+)=?([^&]*)/g,
          d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
          q = window.location.search.substring(1);
      while (e = r.exec(q)) {
         urlParams[d(e[1])] = d(e[2]);
      }
  })();  

記得這需要jQuery才能跑。

這段語法會很聰明的抓出所有的QueryString參數與值,例如你要找參數叫做 xd 的值,它就存在urlParams['xd']裡,使用上相當簡便。

你可以試試在本篇文章網址後面加QueryString做測試,下面的範例會判斷是否有叫做 test 的值。

請按下面的按鈕


參考資料 :
Get QueryString values with jQuery


No comments:

Post a Comment