Heim > Web-Frontend > js-Tutorial > Wie rufe ich GET-Parameter in JavaScript ab?

Wie rufe ich GET-Parameter in JavaScript ab?

Mary-Kate Olsen
Freigeben: 2024-12-14 04:08:11
Original
183 Leute haben es durchsucht

How to Retrieve GET Parameters in JavaScript?

GET-Parameter in JavaScript abrufen

Diese Frage befasst sich mit dem Abrufen von GET-Parametern in JavaScript. Betrachten Sie die folgende URL:

http://example.com/page.html?returnurl=/admin

Wie kann JavaScript-Code in page.html auf die GET-Parameter zugreifen? Für das angegebene Beispiel sollte die Funktion func('returnurl') „/admin“ zurückgeben.

Lösung mit window.location

Das window.location-Objekt stellt ein Möglichkeit, GET-Parameter ohne Fragezeichen abzurufen. Der folgende Code erledigt den Zweck:

window.location.search.substr(1)
Nach dem Login kopieren

Erweiterte Lösung

Die bereitgestellte Lösung bietet eine Funktion, findGetParameter(), die einen Parameternamen annimmt und seinen zurückgibt entsprechender Wert:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}
Nach dem Login kopieren
Nach dem Login kopieren

Alternative Lösung mit For-Schleife

An Für die Kompatibilität mit älteren Browsern (z. B. IE8) wird auch eine alternative Lösung mit einer einfachen for-Schleife bereitgestellt:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}
Nach dem Login kopieren
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie rufe ich GET-Parameter in JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage