jQuery URL-Parameter abrufen

Im heutigen Beitrag erfahren Sie, wie Sie URL-Parameter in jQuery abrufen.

URL-Parameter in jQuery abrufen

In JavaScript ist die Eigenschaft Search der Schnittstelle Location ein Suchstring, auch bekannt als Query-String; das heißt, eine Zeichenfolge, die ein ? gefolgt von den URL-Parametern.

Moderne Browser haben URLSearchParams und URL.SearchParams, um das Analysieren von Fragezeichenfolgen-Parametern zu vereinfachen. Die get()-Technik der URLSearchParams-Schnittstelle gibt den primären Wert zurück, der dem angegebenen search-Parameter zugeordnet ist.

Syntax:

get(name)

Lassen Sie es uns anhand des folgenden einfachen Beispiels verstehen.

let dummyURL =
    'https://delftstack.com/howto/jquery/?technology=jquery&post=urlParameter'
const extractURLParameter = (searchParam) => {
  const searchPageURL = dummyURL.split('?')[1];
  const searchURLVariables = searchPageURL.split('&');
  let searchParameterName;

  for (let i = 0; i < searchURLVariables.length; i++) {
    searchParameterName = searchURLVariables[i].split('=');

    if (searchParameterName[0] === searchParam) {
      return searchParameterName[1] === undefined ?
          true :
          decodeURIComponent(searchParameterName[1]);
    }
  }
  return false;
};


console.log(extractURLParameter('technology'));
console.log(extractURLParameter('post'));

const params =
    new URLSearchParams(window.location.search);  // pass the dummyURL here
const name = params.get('editor_console');
console.log(name)

Im obigen Beispiel haben wir eine allgemeine Funktion definiert, die den URL-Parameter aus der aktuellen Standort-URL extrahiert. Die Sucheigenschaften der Schnittstelle location extrahieren die Parameter aus der URL und dem Wert, getrennt durch ?.

Im nächsten Schritt teilen Sie die Parameter mit & auf. Jetzt können wir jeden der Parameter durchlaufen und prüfen, ob der angeforderte Parameter vorhanden ist oder nicht.

Wir können den Parameter und den Schlüssel durch = trennen.

Die zweite Alternative ist die direkte Verwendung der Schnittstelle URLSearchParams, die die Liste aller Abfrageparameter bereitstellt. Die Methode Get extrahiert den Wert, der dem angeforderten Parameter zugeordnet ist.

Dies ist eine effiziente Lösung, wenn der Browser URLSearchParams unterstützt.

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Das folgende Ergebnis wird angezeigt.

jquery
urlParameter

Demo