JS获取地址栏url参数
发布网友
发布时间：2022-11-17 17:01
共2个回答
懂视网
时间：2023-02-14 20:24
js获取url参数的值是怎样的呢？下面就让我们一起来了解一下吧：
一般来说，使用js获取url中的某个参数值，可以通过将url的参数转换成数组形式，然后再通过for循环逐个查找数组元素，将参数值找出来，不过除了这种方法之外还有更简易的，可以采用正则分析法。
参考范例：
方式一：
输入指令：
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>
以上就是小编的分享了，希望能够帮助到大家。
热心网友
时间：2023-02-14 17:32
开始之前先简单了解一下
如：url地址: http://xxxxx:9010/test.html?leaf&le=2
window.location.search获取到的就是 ?leaf&le=2 ;
window.location.search.substr(1)获取到的就是 leaf&le=2 ;
一、JS获取地址栏url参数：
如果你想获取地址栏的其他参数，只需要执行 var 参数=getUrlParam('参数') ;
比如获取参数a,执行 var a=getUrlParam('a') 就可以啦。简单又实用。
二、解决请求接口乱码问题
但是在我请求接口数据的时候，页面获取到是类似？？？这种乱码。
然后我是这样解决的：
1、发送方decodeURI编码：
2、接收方encodeURI解码
根据后台接口拼接url中使用encodeURI：
三、关于根据后台接口拼接url
整理笔记，不断优化更新。如果有错误或可以优化的地方欢迎指出，互相学习，共同进步。
如果对你有用就点个小心心吧❤
