Javascriptでクエリを取得する

Javascriptでクエリ文字列を取得する方法
■prototype.jsで取得する場合
<script type="text/javascript" src="/javascripts/prototype.js"></script>
prototype.jsでのクエリの取得はtoQueryParams()を使う
Prototype JavaScript framework: String.toQueryParams

URLのクエリを取得する場合、window.locationをString()で文字列にしてから取得する。
http://hogehoge.com?user=taro&id=1 の場合
var url = String(window.location);
var query = url.toQueryParams();
//query -> {user: 'taro', id: '1'}
var user = query['user']; // => 'taro'
var id = query['id']; // => '1'

■jQueryで取得する場合
<script type="text/javascript" src="/javascripts/jquery.js"></script>
jQuery単体ではできないのでjQueryプラグインを使う。
参考:jQueryでクエリ文字列をとりだす - natu_nの日記
Query String ObjectView all releasesから最新のjquery.query-x.x.x.jsをダウンロードしてHTMLに読み込む。
<script type="text/javascript" src="/javascripts/jquery.query-x.x.x.js"></script>

あとは$.query.get('パラメーター名')で値を取得する。
http://hogehoge.com?user=taro&id=1 の場合
var user = $.query.get('user'); // => 'taro'
var id = $.query.get('id'); // => '1'
posted by digital-squad at 2011年03月17日 13時35分 | Comment(0) | TrackBack(0) | Ajax/JavaScript
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック