jquery - jqueryでURLからデータを取得する方法

Question

jqueryでURLからデータを取得することは可能ですか?

たとえば、あなたが持っている場合www.test.com/index.html?id=1&name=boo

IDと名前を取得するには？

Answer 1

これを試して。これは純粋な JavaScript であり、jQuery は含まれていません。実際、jQuery はそのような仕事には重すぎます。

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return decodeURIComponent(sParameterName[1]);
        }
    }
}​

var id = GetURLParameter('id');
var name= GetURLParameter('name');

パラメーター値に任意の文字を含めるには、decodeURIComponent を使用する必要があります。たとえば、非常に重要な等号=、アンパサンド&、疑問符など?です。

Answer 2

ここで、上記の問題の完全な解決策を実行しました。以下に示すように、デモリンクを確認してください。

そのためには、最初に最新の jquery.js および querystring-0.9.0.js スクリプト ファイルをヘッダー タグに含めます。

デモ: http://codebins.com/bin/4ldqpac

HTML

<a href="#?param1=abc&param2=def">
  abc
</a>

JQuery

$(function() {
    $("a").click(function() {
        setTimeout(function() {
            var param1 = $.QueryString("param1");
            var param2 = $.QueryString("param2");
            alert(param1);
            alert(param2);
        }, 300);

    });
});

デモ: http://codebins.com/bin/4ldqpac

Answer 3

idURLが常に持っていることがわかっている場合の簡単なものname

var url = "www.test.com/index.html?id=1&name=boo";
var id = /id=(\d+)/.exec(url)[1];
var name = /name=(\w+)/.exec(url)[1];