JS解析url查询参数的简单代码
程序员文章站
2022-05-14 19:25:49
废话不多说了,直接给大家贴代码了,具体代码如下所述:
var path = 'www.u.com/home?id=2&type=0&dtype=-1';...
废话不多说了,直接给大家贴代码了,具体代码如下所述:
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'}]
好了,下面看下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>
好了,到此结束。
上一篇: Vue自定义指令使用方法详解