Comment puis-je extraire les paramètres GET en JavaScript ?

Extraction des paramètres GET à l'aide de JavaScript

Lorsque vous travaillez avec des applications Web, l'accès aux données transmises via les paramètres GET est crucial. Cela devient particulièrement pertinent dans des situations telles que les chaînes de requête d'URL. Cet article explore diverses techniques pour récupérer les paramètres GET à partir de JavaScript, fournissant des solutions à la fois simples et plus avancées.

Utilisation de l'objet window.location

Une approche simple consiste à utiliser l'objet window.location

window.location.search.substr(1)

Une approche simple consiste à utiliser l'objet window.location. objet window.location. Cet objet contient une propriété de recherche qui stocke la partie de l'URL suivant le point d'interrogation. Pour extraire les paramètres GET, supprimez simplement le point d'interrogation et tout espace de début :

En utilisant cette méthode, dans l'exemple fourni de "http://example.com/page.html?returnurl=/ admin", le résultat serait "returnurl=/admin".

Fonction personnalisée pour le paramètre Récupération

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

Une approche alternative consiste à créer une fonction JavaScript personnalisée pour la récupération des paramètres. Cette fonction peut simplifier le processus d'extraction des paramètres :

Dans cet exemple, la fonction findGetParameter() accepte un nom de paramètre et parcourt la chaîne de requête, recherchant une correspondance. Une fois qu'une correspondance est trouvée, la valeur du paramètre correspondant est renvoyée.

JavaScript simple pour les boucles

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

Pour une compatibilité encore plus large, y compris Internet Explorer 8, un simple JavaScript pour la boucle peuvent être employés :

Cette solution garantit la compatibilité avec les anciens navigateurs tout en conservant la même fonctionnalité de récupération des paramètres.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!