Heim > Web-Frontend > js-Tutorial > Wie kann ich in JavaScript auf GET-Parameter zugreifen und diese abrufen?

Wie kann ich in JavaScript auf GET-Parameter zugreifen und diese abrufen?

Patricia Arquette
Freigeben: 2024-12-15 17:22:10
Original
201 Leute haben es durchsucht

How to Access and Retrieve GET Parameters in JavaScript?

Zugriff auf GET-Parameter in JavaScript

Das Abrufen von GET-Parametern im JavaScript einer HTML-Seite kann mithilfe des window.location-Objekts erreicht werden. Um die GET-Parameter ohne das Fragezeichen zu erhalten, verwenden Sie den folgenden Code:

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

Zum Beispiel mit der URL:

http://example.com/page.html?returnurl=%2Fadmin
Nach dem Login kopieren

Der obige Code gibt Folgendes aus:

returnurl=%2Fadmin
Nach dem Login kopieren

Alternative Methode mit Funktion

Um eine Funktion zu erstellen, die bestimmte GET-Parameter abruft, verwenden:

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

Der Aufruf der Funktion mit findGetParameter('returnurl') gibt „/admin“ zurück.

Einfache For-Schleifenvariation

Für die Kompatibilität mit älteren Browsern wie IE8 verwenden Sie eine einfache for-Schleife:

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

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript auf GET-Parameter zugreifen und diese abrufen?. 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