JS获取地址栏url参数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS获取地址栏url参数相关的知识,希望对你有一定的参考价值。

参考技术A 本章内容分为三部分:

开始之前先简单了解一下

如: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获取地址栏url参数的主要内容,如果未能解决你的问题,请参考以下文章

利用JS获取地址栏的中文参数,如何避免取到乱码?

js获取地址栏各种值

JS 获取html地址栏后参数的问题??

JS如何获取地址栏url后面的参数?

如何获取地址栏中的url

js如何获取地址栏加密参数