网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )

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

var path = 'www.u.com/home"")[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'}]

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

方法一:正则分析法

代码如下:

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

调用方法:

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

方法二

代码如下:

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

调用方法:

<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request['参数1']; 
参数2 = Request['参数2']; 
参数3 = Request['参数3']; 
参数N = Request['参数N']; 
</Script>

好了,到此结束。

上一篇:ComboBox(下拉列表框)通过url加载调用远程数据的方法
下一篇:使用bootstraptable插件实现表格记录的查询、分页、排序操作