Bagaimana untuk Mendapatkan Nilai Parameter Pertanyaan daripada URL Menggunakan jQuery?

Cara Mengekstrak Parameter Pertanyaan daripada URL Menggunakan jQuery

Soalan:

Bagaimana anda dapatkan nilai parameter pertanyaan daripada URL menggunakan jQuery dan gunakannya dalam kod anda? Sebagai contoh, jika URL ialah http://www.mysite.co.uk/?location=mylocation1, bagaimanakah anda memperuntukkan nilai "mylocation1" kepada pembolehubah untuk digunakan dalam pernyataan jQuery berikut:

var thequerystring = "getthequerystringhere"

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

Jawapan:

Untuk mengekstrak parameter pertanyaan daripada URL, anda boleh menggunakan kod berikut coretan:

// Read a page's GET URL variables and return them as an associative array.
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;
}

Fungsi ini mengambil parameter URL daripada bar alamat penyemak imbas, membahagikannya kepada pasangan nilai kunci dan mengembalikannya sebagai objek. Sebagai contoh, URL http://www.example.com/?me=myValue&name2=SomeOtherValue akan mengembalikan objek berikut:

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}

Dengan fungsi ini, anda boleh mengakses parameter pertanyaan mengikut mereka kunci. Dalam kes anda, untuk mendapatkan parameter "lokasi", anda boleh menulis:

var locationValue = getUrlVars()["location"];

Akhir sekali, anda boleh menggunakan nilai parameter yang diekstrak dalam pernyataan jQuery anda seperti berikut:

var thequerystring = locationValue;

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Parameter Pertanyaan daripada URL Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!