Maison > interface Web > js tutoriel > Explication du code JavaScript pour les paramètres de requête d'analyse d'URL

Explication du code JavaScript pour les paramètres de requête d'analyse d'URL

巴扎黑
Libérer: 2017-08-08 09:58:51
original
1478 Les gens l'ont consulté

Cet article vous présente la méthode d'analyse par js des paramètres de requête d'URL à l'aide d'un code simple, puis présente deux méthodes de js pour obtenir les valeurs des paramètres d'URL au bas de l'article. C'est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Sans plus attendre, je vous posterai simplement le code Le code spécifique est le suivant :


var path = 'www.u.com/home?id=2&type=0&dtype=-1';
function parseUrl(url){
  var result = [];
  var query = url.split("?")[1];
  var queryArr = query.split("&");
  queryArr.forEach(function(item){
    var obj = {};
    var value = item.split("=")[0];
    var key = item.split("=")[1];
    obj[key] = value;
    result.push(obj);
  });
  return result;
}
console.log(parseUrl(path)); 
//[{id: '2'},{type: '0'},{dtype: '-1'}]
Copier après la connexion
.

D'accord, jetons un coup d'œil aux deux façons d'obtenir la valeur du paramètre url en js

Méthode 1 : méthode d'analyse régulière

Le code est le suivant :


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

Méthode d'appel :


alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3"));
Copier après la connexion

Méthode 2

Le code est le suivant :


<Script language="javascript"> 
function GetRequest() { 
var url = location.search; //获取url中"?"符后的字串 
var theRequest = new Object(); 
if (url.indexOf("?") != -1) { 
var str = url.substr(1); 
strs = str.split("&"); 
for(var i = 0; i < strs.length; i ++) { 
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
} 
} 
return theRequest; 
} 
</Script>
Copier après la connexion

Méthode d'appel :


<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request[&#39;参数1&#39;]; 
参数2 = Request[&#39;参数2&#39;]; 
参数3 = Request[&#39;参数3&#39;]; 
参数N = Request[&#39;参数N&#39;]; 
</Script>
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!

É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