Maison > interface Web > js tutoriel > Comment récupérer les paramètres GET en JavaScript ?

Comment récupérer les paramètres GET en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-12-14 04:08:11
original
184 Les gens l'ont consulté

How to Retrieve GET Parameters in JavaScript?

Récupération des paramètres GET en JavaScript

Cette question concerne la récupération des paramètres GET dans JavaScript. Considérez l'URL suivante :

http://example.com/page.html?returnurl=/admin

Comment le code JavaScript dans page.html peut-il accéder aux paramètres GET ? Pour l'exemple donné, la fonction func('returnurl') doit renvoyer "/admin".

Solution utilisant window.location

L'objet window.location fournit un moyen de récupérer les paramètres GET sans le point d’interrogation. Le code suivant fera l'affaire :

window.location.search.substr(1)
Copier après la connexion

Solution améliorée

La solution fournie propose une fonction, findGetParameter(), qui prend un nom de paramètre et renvoie son valeur correspondante :

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;
}
Copier après la connexion
Copier après la connexion

Solution alternative avec For Boucle

Une solution alternative utilisant une boucle for simple est également fournie pour la compatibilité avec les anciens navigateurs (par exemple, IE8) :

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}
Copier après la connexion
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal