微客导航 » 文章资讯 » JS解析url查询参数的简单代码

JS解析url查询参数的简单代码

2023-09-26 23:52:17 195

废话不多说了，直接给大家贴代码了，具体代码如下所述：

varpath='www.u.com/home?id=2&type=0&dtype=-1';
functionparseUrl(url){
varresult=[];
varquery=url.split("?")[1];
varqueryArr=query.split("&");
queryArr.forEach(function(item){
varobj={};
varvalue=item.split("=")[0];
varkey=item.split("=")[1];
obj[key]=value;
result.push(obj);
});
returnresult;
}
console.log(parseUrl(path));
//[{id:'2'},{type:'0'},{dtype:'-1'}]

好了，下面看下js获取url参数值的两种方式

方法一：正则分析法

代码如下:

functiongetQueryString(name){
varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i");
varr=window.location.search.substr(1).match(reg);
if(r!=null)returnunescape(r[2]);returnnull;
}

调用方法：

alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

方法二

代码如下:


functionGetRequest(){
varurl=location.search;//获取url中"?"符后的字串
vartheRequest=newObject();
if(url.indexOf("?")!=-1){
varstr=url.substr(1);
strs=str.split("&");
for(vari=0;i

调用方法：


varRequest=newObject();
Request=GetRequest();
var参数1,参数2,参数3,参数N;
参数1=Request['参数1'];
参数2=Request['参数2'];
参数3=Request['参数3'];
参数N=Request['参数N'];

好了，到此结束。

返回顶部
3162201930
czq8825@qq.com

JS解析url查询参数的简单代码

热门推荐

随机推荐