So erhalten Sie Parameterwerte für Abfragezeichenfolgen von der URL mit JavaScript

Blog

So erhalten Sie Parameterwerte für Abfragezeichenfolgen von der URL mit JavaScript

So erhalten Sie Parameterwerte für Abfragezeichenfolgen von der URL mit JavaScript

Wir können Abfragezeichenfolgenparameter in JavaScript abrufen, ohne js von Drittanbietern wie jQuery usw. zu verwenden, indem wir verwenden



  1. Einfacher JavaScript-Code
  2. ECMAScript 6
  3. JavaScript URLSearchParams-API

Javascript URL-Parameter für Abfragezeichenfolgen sind sehr nützlich, während CRUD-Operationen auf der Serverseite ausgeführt werden. Auch auf der Clientseite müssen wir möglicherweise Abfragezeichenfolgenparameter von der URL mit JavaScript abrufen und ändern.

Abrufen von Abfragezeichenfolgenparametern aus der URL mit einfachem JavaScript:

Um Abfragezeichenfolgenparameter in JavaScript abzurufen, verwenden Sie JavaScript Teilt() function.Darüber hinaus können wir mit regulären JavaScript-Ausdrücken Parameter im Schlüssel-Wert-Paar abrufen.



Nehmen Sie ein Beispiel für eine Beispiel-URL |_+_|Der Abfragezeichenfolgenparameter in der angegebenen URL lautet |_+_|

netflix com aktivieren roku
https://www.arungudelli.com?param1=1¶m2=--2

Jetzt verwenden wir den regulären Ausdruck, um das Muster (a=b) abzugleichen und die Parameter im json-Schlüsselwertpaar zurückzugeben.



?param1=1¶m2=2.

Und wenn Sie keinen URL-Parameter übergeben, wird die aktuelle URL von |_+_| . übernommen und |_+_| gibt den Parameter für die Abfragezeichenfolge zurück.

Der vollständige Codeausschnitt lautet wie folgt

das Vorstellungsgespräch für Ingenieure knacken
var url = https://www.arungudelli.com?param1=1¶m2=2; var query_string_paramter = url.split('?')[1]; //returns param1=1¶m2=2, removing ?

Abfragezeichenfolgenparameter von URL mit ES6 (ECMAScript 6) abrufen:

Um in JavasScript die Abfragezeichenfolgenparameter im JSON-Format abzurufen, verwenden Sie den folgenden ES6(ECMAScript 6)-Codeausschnitt

{param1:1,param2:2}

Abrufen von Parameterwerten für Abfragezeichenfolgen von der URL mithilfe der JavaScript URLSearchParams-API:

Um Parameterwerte für Abfragezeichenfolgen in JavaScript zu erhalten, können wir verwenden URLSucheParmas API in JavaScript.

Der String-Parsing-Mechanismus ist eine hässliche und alte Methode, um Parameterwerte für Abfragezeichenfolgen zu erhalten.

Wenn Sie die neuesten Browser wie Firefox 44+, Opera 36+, Edge 17+, Safari 10.3+ und Chrome 49+ verwenden, können Sie |_+_| . verwenden API in Javascript.

Verwenden Sie das folgende Code-Snippet, um Abfragezeichenfolgenparameter von der aktuellen URL abzurufen

window.location

Wenn die aktuelle URL beispielsweise |_+_| . lautet

wie man das Array löscht

Jetzt können Sie mit |_+_| . Parameterwerte nach Namen abrufen Methode von URLSuchparameter FEUER.

window.location.search

Oder wir können das Parameterobjekt erhalten, indem wir verwenden Suchparameter Eigenschaft des URL-Objekts.

/** * This function getQueryStringParameters takes url as parmater and returns * parameters name and value in JSON key value format * @parameter {String} url * (if url is not passed it takes the current url from window.location.href) * **/ function getQueryStringParameters(url){ var urlParams={}, match, additional = /+/g, // Regex for replacing additional symbol with a space search = /([^&=]+)=?([^&]*)/g, decode = function (s) { return decodeURIComponent(s.replace(additional, ' ')); }, query; if (url){ if(url.split('?').length>0){ query = url.split('?')[1]; } }else{ url = window.location.href; query = window.location.search.substring(1); } while (match = search.exec(query)){ urlParams[decode(match[1])] = decode(match[2]); } return urlParams; }

Wenn Sie Abfragezeichenfolgenparameter für eine beliebige URL abrufen möchten, verwenden Sie den folgenden JavaScript-Codeausschnitt

/** * This ES6(ECMAScript) function getQueryStringParameters takes url * as parmater and returns * parameters name and value in JSON key value format * @parameter {String} url * (if url is not passed it takes the current url from window.location.href) * **/ const getQueryStringParameters = url => { if (url){ if(url.split('?').length>0){ query = url.split('?')[1]; } }else{ url = window.location.href; query = window.location.search.substring(1); } return (/^[?#]/.test(query) ? query.slice(1) : query) .split('&') .reduce((params, param) => { let [ key, value ] = param.split('='); params[key] = value ? decodeURIComponent(value.replace(/+/g, ' ')) : ''; return params; }, { }); };

Abgesehen von |_+_|method |_+_|haben auch Methoden wie |_+_|, |_+_| , |_+_|, |_+_|

UrlSearchParams

Und wir können Parameterschlüssel mit |_+_| . durchlaufen Methode , Werte mit |_+_| Methode und Schlüsselwerte mit |_+_| Methode

/* This URLSearchParams takes the query string as parameter */ var parameters = new URLSearchParams(window.location.search);

Rufen Sie URL-Parameterwerte nach Namen in JavaScript ab:

Um URL-Parameterwerte nach Namen in JavaScript abzurufen, verwenden Sie das folgende Code-Snippet.

https://www.arungudelli.com?param1=1¶m2=2

Jetzt können wir den Parameternamen an die obige Methode übergeben, um URL-Parameterwerte abzurufen.

Amazon Prime-Code-Login
get(key)

Mit der obigen Funktion können Sie einzelne URL-Parameterwerte abrufen, indem Sie den Parameternamen und die URL übergeben. Wenn Sie andere Schnipsel haben, teilen Sie diese bitte mit

Dankeschön !

#JavaScript #ES6 #API