Mungkin Duplikat: Bagaimana saya bisa mendapatkan nilai string query?
Saya memiliki URL berikut:
http://www.mysite.co.uk/?location=mylocation1
Apa yang saya butuhkan adalah untuk mendapatkan nilai lokasi
dari URL ke dalam sebuah variabel dan kemudian menggunakannya dalam kode jQuery:
var thequerystring = "getthequerystringhere"
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
Tidak ada yang tahu bagaimana untuk mengambil nilai yang menggunakan JavaScript atau jQuery?
Dari: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
Ini adalah apa yang anda butuhkan :)
Kode berikut ini akan kembali Objek JavaScript yang berisi URL parameter:
// 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;
}
Misalnya, jika anda memiliki URL:
http://www.example.com/?me=myValue&name2=SomeOtherValue
Kode ini akan kembali:
{
"me" : "myValue",
"name2" : "SomeOtherValue"
}
dan dapat anda lakukan:
var me = getUrlVars()["me"];
var name2 = getUrlVars()["name2"];
Untuk mengambil seluruh querystring dari URL saat ini, dimulai dengan ?
karakter, anda dapat menggunakan
location.search
https://developer.mozilla.org/en-US/docs/DOM/window.location
Contoh:
lang-js // URL = https://example.com?a=a%20a&b=b123 konsol.log(lokasi.cari); // Cetak "?a=a%20a&b=b123"
Dalam hal pengambilan spesifik parameter querystring, sementara meskipun kelas-kelas seperti URLSearchParams
dan URL
ada, mereka tidak't didukung oleh Internet Explorer pada saat ini, dan mungkin harus dihindari. Sebaliknya, anda dapat mencoba sesuatu seperti ini:
``lang-js
/**
kembali {}; }
/**
getUrlParams()
Anda dapat menggunakan kode di atas seperti berikut: ``lang-js // Menggunakan lokasi.pencarian mari urlParams = getUrlParams(lokasi.cari); // Asumsikan lokasi.cari = "?a=1&b=2b2" konsol.log(urlParams); // Mencetak { "a": 1, "b": "2b2" }
// Menggunakan URL string const url = 'https://example.com?a=A%20A&b=1'; urlParams = getUrlParams(url); konsol.log(urlParams); // Mencetak { "a": "A", "b": 1 }
// Untuk mengecek apakah suatu parameter yang ada, cukup lakukan: jika (urlParams.hasOwnProperty('parameterName') { konsol.log(urlParams.parameterName); }
``
Cara mudah untuk melakukan ini dengan beberapa jQuery dan lurus JS, hanya melihat konsol anda di Chrome atau Firefox untuk melihat output...
var queries = {};
$.each(document.location.search.substr(1).split('&'),function(c,q){
var i = q.split('=');
queries[i[0].toString()] = i[1].toString();
});
console.log(queries);
Lihat ini stackoverflow jawaban.
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
Anda dapat menggunakan metode untuk menghidupkan:
yaitu:
var thequerystring = getParameterByName("location");
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
Kami melakukan cara ini...
String.prototype.getValueByKey = function (k) {
var p = new RegExp('\\b' + k + '\\b', 'gi');
return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) : "";
};