jQuery obtenir le paramètre d'URL

Dans l’article d’aujourd’hui, nous allons apprendre à obtenir des paramètres d’URL dans jQuery.

Obtenir les paramètres d’URL dans jQuery

En JavaScript, la propriété Search de l’interface Location est une chaîne de recherche, également appelée chaîne de requête ; c’est-à-dire une chaîne contenant un ? suivi des paramètres d’URL.

Les navigateurs modernes ont URLSearchParams et URLSearchParams pour faciliter l’analyse des paramètres de chaîne de questions. La technique get() de l’interface URLSearchParams retourne la valeur primaire associée au paramètre search spécifié.

Syntaxe:

get(name)

Comprenons-le avec l’exemple simple suivant.

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)

Dans l’exemple ci-dessus, nous avons défini une fonction générale qui extrait le paramètre URL de l’URL de l’emplacement actuel. Les propriétés de recherche de l’interface location extraient les paramètres de l’URL et la valeur séparés par ?.

L’étape suivante consiste à diviser les paramètres avec &. Nous pouvons maintenant parcourir chacun des paramètres et vérifier si le paramètre demandé existe ou non.

On peut séparer le paramètre et la clé par =.

La seconde alternative est d’utiliser directement l’interface URLSearchParams qui fournit la liste de tous les paramètres de la requête. La méthode Get extrait la valeur associée au paramètre demandé.

C’est une solution efficace si le navigateur supporte URLSearchParams.

Essayez d’exécuter l’extrait de code ci-dessus dans n’importe quel navigateur prenant en charge jQuery. Le résultat suivant s’affiche.

jquery
urlParameter

Démo