Wie kann ich GET-Parameter in JavaScript extrahieren?

GET-Parameter mit JavaScript extrahieren

Bei der Arbeit mit Webanwendungen ist der Zugriff auf Daten, die über GET-Parameter übergeben werden, von entscheidender Bedeutung. Dies ist insbesondere in Situationen wie URL-Abfragezeichenfolgen relevant. In diesem Artikel werden verschiedene Techniken zum Abrufen von GET-Parametern aus JavaScript untersucht und sowohl einfache als auch fortgeschrittenere Lösungen bereitgestellt.

Verwendung des window.location-Objekts

Ein einfacher Ansatz besteht in der Verwendung von window.location-Objekt. Dieses Objekt enthält eine Sucheigenschaft, die den Teil der URL nach dem Fragezeichen speichert. Um die GET-Parameter zu extrahieren, entfernen Sie einfach das Fragezeichen und alle führenden Leerzeichen:

window.location.search.substr(1)

Verwenden Sie diese Methode, im bereitgestellten Beispiel „http://example.com/page.html?returnurl=/“ admin“, das Ergebnis wäre „returnurl=/admin“.

Benutzerdefinierte Funktion für Parameter Abruf

Ein alternativer Ansatz besteht darin, eine benutzerdefinierte JavaScript-Funktion für den Parameterabruf zu erstellen. Diese Funktion kann den Parameterextraktionsprozess vereinfachen:

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

In diesem Beispiel akzeptiert die Funktion findGetParameter() einen Parameternamen und durchläuft die Abfragezeichenfolge auf der Suche nach einer Übereinstimmung. Sobald eine Übereinstimmung gefunden wird, wird der entsprechende Parameterwert zurückgegeben.

Einfaches JavaScript für Schleifen

Für noch größere Kompatibilität, einschließlich Internet Explorer 8, eine einfache JavaScript-for-Schleife kann eingesetzt werden:

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

Diese Lösung stellt die Kompatibilität mit älteren Browsern sicher und behält gleichzeitig die gleiche Funktionalität zum Abrufen von Parametern bei.

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