Maison > interface Web > js tutoriel > Comment obtenir les paramètres de requête en javascript

Comment obtenir les paramètres de requête en javascript

藏色散人
Libérer: 2021-06-21 11:26:04
original
24298 Les gens l'ont consulté

Comment obtenir les paramètres de requête via JavaScript : 1. Obtenez l'URL du navigateur via JavaScript ; 2. Obtenez la valeur d'un certain paramètre dans l'URL via Javascript 3. Étendre une méthode pour jQuery pour obtenir le ; paramètres d'URL via jquery.

Comment obtenir les paramètres de requête en javascript

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Comment obtenir les paramètres de requête en JavaScript ?

JavaScript obtient la valeur du paramètre de requête dans la méthode get

1 Implémentation de l'obtention de l'URL du navigateur via JavaScript

window.location.href
Copier après la connexion

En fait, il n'utilise que le basique. fenêtre de l'objet JavaScript.

2. Obtenez la valeur d'un certain paramètre dans l'URL via Javascript

function getUrlParam(name) {
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
//返回参数值
if(r != null) {
return decodeURI(r[2]);
}
return null;
}
Copier après la connexion

Vous pouvez obtenir la valeur du paramètre en passant le nom du paramètre dans l'URL via cette fonction. , l'url est

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'
Copier après la connexion

On veut récupérer les valeurs de bb et aa, on peut écrire comme ceci :

var bb = getUrlParam('bb');
var aa = getUrlParam('aa')
Copier après la connexion

3. On peut utiliser cette méthode pour étendre une méthode pour jQuery pour obtenir les paramètres d'URL via jquery. Le code suivant est étendu pour jquery Une méthode getUrlParam()

(function($) {
$.getUrlParam = function(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return decodeURI(r[2]);
return null;
}
})(jQuery);
Copier après la connexion

4. Concernant les paramètres obtenus, empêchant les caractères chinois tronqués

Lors du passage des paramètres, il s'avère que encodeURI est utilisé pour coder les caractères chinois, donc la méthode ci-dessus consiste à utiliser decodeURI lors de l'analyse du codage des paramètres garantit que Javascript dispose d'une méthode de codage et de décodage cohérente pour les paramètres, évitant ainsi les caractères chinois tronqués.

En JavaScript, il existe deux fonctions d'encodage et de décodage couramment utilisées,

   encodeURI()   decodeURI() 
    encodeURIComponent()    decodeURIComponent()
Copier après la connexion

[Apprentissage recommandé : Tutoriel avancé javascript]

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal