Leggere un parametro in QueryString da JavaScript

In JavaScript è disponibile l'oggetto URLSearchParams che permette di accedere a i parametri in querystring

JavaScript

const params = new URLSearchParams(document.location.search);

const idMaster = Number(params.get("idMaster"));
Attenzione: il parametro in querystring è case sensitive

E' possibile elencare tutti i valori presenti in querystring con questo JavaScript

JavaScript

for (const [key, value] of params.entries()) {
   console.log(`${key}, ${value}`);
}
che con una url come questa

URL

?idMaster=10&filter=false
da come risultato

Text: Risultato

idMaster, 10
filter, false

Case insensitive

Versione case insensitive

JavaScript

URLSearchParams.prototype.getInsensitive = function(name) {
  const n = name.toLowerCase();
  for (const key of this.keys()) {
    if(n === key.toLowerCase()) {
      return this.get(key);
    }
  }
  return undefined;
};
da usare con

JavaScript

params.getInsensitive("idmaster")[tag]TypeScript[/tag]
// result: '10'

Typescript insesitive

Questo è un esempio TypeScript per leggere un parametro in querystring in modalità case insensitive

TypeScript

export const getQuerystring = (name: string): string => {
    const params = new URLSearchParams(window.location.search);

    let result = undefined;

    const n = name.toLowerCase();

    params.forEach((value, key) => {
        if (n === key.toLowerCase()) {
            result = value;
            return;
        }
    });
    return result;
};
Tags:
JavaScript184 TypeScript15
Potrebbe interessarti anche: