JSON形式のデータをjQueryを使って取得する(2)

2011.09.21

前回からの続きですが、たとえばECサイトなどを構築している際には以下のような仕様を満たす必要があるかと思います。

商品一覧から商品画像をクリック → ページ遷移させてその商品の詳細画面を表示する

そんな時にページ遷移の際にパラメータを取得するためには下のソースが使えます。

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

// Get object of URL parameters
var allVars = $.getUrlVars();

// Getting URL var by its nam
var itemId = $.getUrlVar('id');