Javascript 获取url路径中的参数

需求

假设骑在路径：https://localhost/zhaopin?name=aa&age=18&state=2，现在要获取url中各参数的值，比如：当请求name时获取到aa，当获取到age时获取到18。

理论基础

let url = document.location.toString();//获取url地址let urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串let arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组let courseId = arr[0].split("=")[1];//获取数组中第一个参数let unit_title=arr[1].split("=")[1];//第二个参数unit_title=decodeURI(unit_title);//转码将解码方式unscape换为decodeURI，将中文参数获取console.log(unit_title);

解决方案

方法一：

function getUrlVariable(variable) {var query = window.location.search.substring(1);var vars = query.split("&");for (var i = 0; i < vars.length; i++) {var pair = vars[i].split("=");if (pair[0] == variable) {return pair[1];}}//返回boolean类型的数据return (false);
}

方法二：

function getUrlParameter(name) {name = name.replace(/[]/, "\[").replace(/[]/, "\[").replace(/[]/, "\\\]");var regexS = "[\\?&]" + name + "=([^&#]*)";var regex = new RegExp(regexS);var results = regex.exec(window.parent.location.href);if (results == null)return "";else {return results[1];}
}

测试

测试路径：https://localhost/zhaopin?name=aa&age=18&state=2

<script>let name =getUrlVariable("name");console.log(name);
</script>

Javascript 获取url路径中的参数相关推荐

JavaScript获取Url地址中的指定参数
JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...
vue获取url地址中的参数
首先获取到url地址 let geturl = window.location.href // http://localhost:8081/#/pages/index/index?qycode=100 ...
Javascript获取URL地址的参数
什么是URL地址的参数在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...
gin获取路径中的参数
gin获取路径中的参数 func main() {router := gin.Default()// 此规则能够匹配/user/john这种格式,但不能匹配/user/ 或 /user这种格式rout ...
java获取jsp页面参数_jsp页面中获取servlet请求中的参数方法总结
jsp页面中获取servlet请求中的参数的办法详解在JAVA WEB应用中,如何获取servlet请求中的参数,并传递给跳转的JSP页面?例如访问http://localhost:8088/bbs ...
SpringBoot--获取路径中的参数(x-www-form-urlencoded)--方法/实例
原文网址:SpringBoot--获取路径中的参数(x-www-form-urlencoded)--方法/实例_IT利刃出鞘的博客-CSDN博客简介本文用示例介绍SpringMVC如何获取路径中的 ...
Vue获取url路径
Vue中获取url路径需要使用window.location.[options] 我们先弹出看一下window.location会显示什么? alert(window.location); /sys ...
获取http请求中的参数控制器给jsp传递数据的方式
这里写自定义目录标题获取http请求中的参数直接参数名获取通过对象的方式获取通过Servlet API方式获取当请求中的参数和方法中参数名不一致直接在url中获取参数的方式控制器给jsp ...
在jsp页面如何获取servlet请求中的参数的办法
在JAVA WEB应用中,如何获取servlet请求中的参数 ,并传递给跳转的JSP页面?例如访问http://localhost:8088/bbs?id=1 当执行这个bbs servlet时,将u ...

Javascript 获取url路径中的参数

需求

理论基础

解决方案

方法一：

方法二：

测试

Javascript 获取url路径中的参数相关推荐

最新文章

热门文章