2012年02月02日 jQuery・javascript
javascriptでGETパラメータを受信するには以下の関数を使うと簡単です。

関数を定義する

以下のコードをコピペしてください。
function getUrlVars()
{
    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;
}

返り値

GETパラメータを含むURLが以下の場合

URL
http://www.example.com/?me=myValue&name2=SomeOtherValue

getUrlVars() を呼び出すと、以下の値が返ってきます。

返り値
{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}
最初のパラメータ指定して取得する
//最初のパラメータ(me)
var first = getUrlVars()["me"];

//2つ目のパラメータ(name2)
var second = getUrlVars()["name2"];
参考サイト:Get URL parameters & values with jQuery

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

jQueryのイベントが重複される場合の対応

2020年01月27日 jQuery・javascript
参考サイト : https://hodalog.com/how-to-prevent-the-event-from-being-executed-twice/…
「jQueryのイベントが重複される場合の対応」をはてなブックマークに追加

jQueryでアコーディオンパネル

2011年06月16日 jQuery・javascript
jQueryでアコーディオンパネルを実装してみます。 サンプルも設置してますので、動作の確認が出来ます。…
「jQueryでアコーディオンパネル」をはてなブックマークに追加

safariでowl carouselのスライド時にフォントが細くなる現象の解決策

2015年03月19日 web関連jQuery・javascript
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …
「safariでowl carouselのスライド時にフォントが細くなる現象の解決策」をはてなブックマークに追加

Dreamweaverでソースコードの整形

2014年08月22日 HTML5・CSS3jQuery・javascriptphp
Dreamweaverでソースコードの整形
HTMLやCSSなどのソースコードを簡単に整形する方法です。 Dreamweaver以外でも出来るソフトがあるようですが、手元のDWを使うのが一番便利そうなので、今回はDWのやり方を紹介します。 …
「Dreamweaverでソースコードの整形」をはてなブックマークに追加

IE6をHTML5に対応させる

2012年02月14日 HTML5・CSS3jQuery・javascript
IEのHTML5対応状況 IE6だけでなく、IE8以下は全てHTML5に対応していません。 それを対応させるために「html5.js」というjavascriptを読み込ませます。 使い方は簡単で以下のコードをタグの前の内に記述します。 [php] <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/…
「IE6をHTML5に対応させる」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy