Wie erhalte ich mit jQuery Abfrageparameterwerte von einer URL?

So extrahieren Sie Abfrageparameter aus einer URL mit jQuery

Frage:

Wie geht es Ihnen Den Wert eines Abfrageparameters mit jQuery von einer URL abrufen und in Ihrem Code verwenden? Wenn die URL beispielsweise http://www.mysite.co.uk/?location=mylocation1 lautet, wie weisen Sie den Wert „mylocation1“ einer Variablen zur Verwendung in der folgenden jQuery-Anweisung zu:

var thequerystring = "getthequerystringhere"

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

Antwort:

Um Abfrageparameter aus einer URL zu extrahieren, können Sie den folgenden Code verwenden Snippet:

// 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;
}

Diese Funktion entnimmt die URL-Parameter aus der Adressleiste des Browsers, teilt sie in Schlüssel-Wert-Paare auf und gibt sie als Objekt zurück. Beispielsweise würde die URL http://www.example.com/?me=myValue&name2=SomeOtherValue das folgende Objekt zurückgeben:

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

Mit dieser Funktion können Sie über ihre Parameter auf die Abfrageparameter zugreifen Schlüssel. Um in Ihrem Fall den Parameter „location“ zu erhalten, können Sie schreiben:

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

Schließlich können Sie den extrahierten Parameterwert in Ihrer jQuery-Anweisung wie folgt verwenden:

var thequerystring = locationValue;

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

Das obige ist der detaillierte Inhalt vonWie erhalte ich mit jQuery Abfrageparameterwerte von einer URL?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!