Js获取Url地址参数的几种方法

方法一 URLSearchParams()函数

geturlparam(){let that=this// window.location.href 获取地址let url = 'https://xxxx.com/xxx/demo?type=1&id=2'let p=url.split('?')[1]let params=new URLSearchParams(p)console.log(params.get('type')) //1console.log(params.get('id'))   //2}

方法二 split()截取

 geturlparam() {let that = this// window.location.href 获取地址let url = 'https://xxxx.com/xxx/demo?type=1&id=2'let p = url.split('?')[1]let keyValue = p.split('&');let obj = {};for (let i = 0; i < keyValue.length; i++) {let item = keyValue[i].split('=');let key = item[0];let value = item[1];obj[key] = value;}console.log(keyValue); //  ['type=1','id=2']console.log(obj);      //  {type:'1',id:'2'}},

上述两种方法的地址是比较规范的，像只以 / 连接的地址我一般是这种方法，也是split截取

geturlparam() {let that = this// window.location.href 获取地址let url = 'https://xxxx.com/xxx/demo/type/1/id/2'if (url.indexOf('/type/') != -1) {that.type = url.split("/type/")[1].split("/")[0]; //1that.id = url.split("/id/")[1].split("/")[0]; //2}},

split比较随心所欲，看自己业务需求，想怎么截就怎么截

Js获取Url地址参数的几种方法相关推荐

JS获取URL中参数值的4种方法
方法一:正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(& ...
vue 获取请求url_vue 获取url里参数的两种方法小结
我就废话不多说了,大家还是直接看代码吧~ 第一种: const query = Qs.parse(location.search.substring(1)) let passport = query. ...
js获取url地址参数
一.js获取url地址栏参数 1.传入url地址(获取某个参数) console.log(getQueryVariable('aid', "http://10.179.91.238:8000 ...
JS中获取URL中参数的4种方法
方法一:正则 function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&| ...
html获取url参数值,js获取url中参数值的两种方法
本节主要内容: js获取url中参数值. 方法1:正则分析法复制代码代码示例: function getQueryString(name) { var reg = new RegExp(" ...
springboot获取URL请求参数的几种方法
原文地址:http://www.cnblogs.com/xiaoxi/p/5695783.html 1.直接把表单的参数写在Controller相应的方法的形参中,适用于get方式提交,不适用于pos ...
js获取url地址栏参数的方法，解决中文乱码问题，能支持中文参数
js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数参考文章: (1)js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数 (2)https://www.cnblogs.co ...
获取url地址参数的方法
获取url地址参数的方法 // key :参数名 function getUrlParams(key){var reg = new RegExp(key + '=([^&]*))');var ...
js获取DIV的位置坐标的三种方法！
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...

Js获取Url地址参数的几种方法

Js获取Url地址参数的几种方法相关推荐

最新文章

热门文章