Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mendapatkan dan Menggunakan Parameter Rentetan Pertanyaan URL dengan jQuery?

Bagaimana untuk Mendapatkan dan Menggunakan Parameter Rentetan Pertanyaan URL dengan jQuery?

Susan Sarandon
Lepaskan: 2024-11-25 00:54:13
asal
730 orang telah melayarinya

How to Retrieve and Use a URL Query String Parameter with jQuery?

Mengambil Rentetan Pertanyaan daripada URL Menggunakan jQuery

Untuk mengekstrak nilai parameter "lokasi" daripada URL yang disediakan ("http:/ /www.mysite.co.uk/?location=mylocation1") dan gunakannya dalam kod jQuery, ikut ini langkah:

Pertama, tentukan fungsi JavaScript untuk menghuraikan parameter URL:

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;
}
Salin selepas log masuk

Seterusnya, gunakan fungsi getUrlVars() untuk mengekstrak nilai "lokasi":

var locationValue = getUrlVars()['location'];
Salin selepas log masuk

Kini, anda boleh menggunakan nilai yang diekstrak dalam jQuery anda kod:

$('html,body').animate({ scrollTop: $('#div#' + locationValue).offset().top }, 500);
Salin selepas log masuk

Ini akan menatal halaman ke elemen dengan ID yang sepadan dengan nilai "lokasi", seperti yang dinyatakan dalam pemilih (cth., "#div#mylocation1").

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan