javascript リンク中の複数のパラメータを取得

Question

リンクに複数のパラメータを用意し，リンク先のページで，その値を取得し，
表示させることを考えています。
ここで，パラメータ一つなら，以下のコードで実現できるのですが，パラメータが増えた際は，どのようにすればよいのでしょうか。

〜〜〜.html? mail=[e-mail]
のようなHTMLのページを，

var getMail = $(location).attr('search').substring(1);
$('#mail').val(getMail);

という方法で取得することはできました。

一方，
〜〜〜.html? mail=[e-mail]&item=fanta&qty=50&price=50000

のようなHTMLのページから，jQueryを使ってパラメータを別別に表示させたいです。
まだ勉強を始めて日が浅いですがご教授宜しくお願い致します。

Comments

[akabee]

コード内で扱っているhtmlリンクのパラメタを取得したいということですか？普通に考えれば、substring等の文字列操作関数で実現可能と思いますが、何がハードルですか？

[currystyle]

y

Answer 1

jQueryはDOM操作を楽にするためのライブラリです。
URLパラメータのようなものは、素のjavascriptの文字列操作関数を使います。
jQueryの便利関数も利用出来るときには利用しますけど。

var params = {};
var arr = location.search.substring(1).split('&');
$.each(arr,function(){
	var p = this.split("=");
	params[p[0]] = p[1];
});
console.log(params);

こうすると、paramsの中には各キーごとの値が入ります。

{
	mail: "[e-mail]",
	item: "fanta",
	qty: "50",
	price: "50000"
}

こんなふうな結果になります。

Comments

[tokuninaidesu]

ご丁寧にありがとうございます。よくわかりました。