JS地址栏传参

首先，是使用原生JS或者jquery开发，需要一个a标签跳转到另一页面，跳转的时候地址栏携带参数，另一个页面获取到参数然后去控制页面。

我这里遇到一个小坑，就是a标签中一开始href我写了路径，结果先去跳转了，没有执行js，后面我就直接加了“#”，然后解决了。

这种接收方法可能只是用于传递一个参数，传递多个的时候应该不适用。

本章内容分为三部分：

开始之前先简单了解一下

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

整理笔记，不断优化更新。如果有错误或可以优化的地方欢迎指出，互相学习，共同进步。

如果对你有用就点个小心心吧❤

用JS获取地址栏参数的方法:

方法一：采用正则表达式获取地址栏参数

方法二：原生js多次截取方法

推荐方法1，方便实用！

---