下载鸥 > 网站下载 > 开发教程 > JS/JQuery

JS获取URL参数及编解码

818 2021-06-01 20:00:01

收藏
JS获取URL参数及编解码是一项比较常规的操作,以下是Jxinx博客介绍的JS获取URL参数及编解码的方法,分享给大家。

JS获取URL参数及编解码

方法一:正则分析法

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>
 

JS编解码

URL的合法字符
URL的合法字符表示再浏览器的地址栏中不会被转义的字符,有两种:

    1.URL元字符:分号(;),逗号(’,’),斜杠(/),问号(?),冒号(:),at(@),&,等号(=),加号(+),美元符号($),井号(#)

    2.语义字符:a-z,A-Z,0-9,连词号(-),下划线(_),点(.),感叹号(!),波浪线(~),星号(*),单引号(),圆括号(()`)

当输入的字符不符合以上的字符时,浏览器就会把该字符转义,规则:根据操作系统的默认编码,将每个字节转为百分号(%)加上两个大写的十六进制字母。
比如:当再浏览器地址栏中输入www.baidu.com/q=你好时,会被转义成例如www.baidu.com/q=%E6%98%A5%E8%8A%82类似的字符串,浏览器才会读取。
 

JavaScript四个URL编码/解码方法

encodeURI
将元字符和语义字符之外的字符都进行转义,一般用于知道该URL只用于完整的URL时使用

encodeURIComponent
将除了语义字符之外的字符进行转义,包括元字符,因此,它的参数通常是URL的路径或参数值,而不是整个URL。
比如说,要在谷歌中搜索www.baidu.com/q=5&name时,若使用encodeURI,&字符并不会被转义,从而改变其真正的URL。

decodeURI
还原转义后的URL,是encodeURI方法的逆运算。

decodeURIComponent(此方法可以还原被转义的 url)
还原转义后的URL片段。是encodeURIComponent方法的逆运算。

本文地址:https://xzo.com.cn/develop/js/1007.html

有帮助,很赞!

信息来源:Jxinx
信息标签
导出教程 下载word版教程
发表评论 共有条评论
关于JS/JQuery


JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript十分强大,不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理,都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中。

推荐JS/JQuery开发教程
JS怎样做倒计时效果?
JS怎样做倒计时效果?

在各种盛大的节日、活动前,网站制作倒计时特效可有效给活动页引流。那么,怎样...

1 333
JavaScript过滤XSS攻击方法
JavaScript过滤XSS攻击方法

什么是XSS?XSS(Cross Site Scripting),跨站脚本攻击,是一种允许攻击者在另外一个...

1 259
jQuery怎样监听鼠标滚动是向上还是向下的状态?
jQuery怎样监听鼠标滚动是向上还是向下的状态?

知乎鼠标向下滚动显示文章标题,向上滚动显示栏目;又或者向下滚动到底部时异步...

0 436
怎样点击清除ul里的全部li信息?
怎样点击清除ul里的全部li信息?

在通过jQuery做数据交互时我们可能存在这样的需求:通过点击按钮清空ul里的li...

1 375
Superslide响应式页面直接应用手机端技巧介绍
Superslide响应式页面直接应用手机端技巧介绍

如果是响应式网站,那么用superslide做轮播图需要做两个,这无疑是非常不方便的...

1 339
JS点击复制data-*属性(支持多个元素)
JS点击复制data-*属性(支持多个元素)

分享一段js原生点击复制data-*属性的源码,根据onclick事件触发,复制当前元素...

0 280
jQuery监听点击事件弹出关注二维码教程
jQuery监听点击事件弹出关注二维码教程

通过jQuery实现点击关注按钮弹出二维码是一个比较常用的功能,今天鸥哥讲讲这...

0 353
JS判断苹果iPhone与iPad、安卓设备类型适配
JS判断苹果iPhone与iPad、安卓设备类型适配

在网站开发的过程中,一些涉及到资源下载的网站会通过判断不同系统手机来展示...

3 518
随机JS/JQuery开发教程
JS判断苹果iPhone与iPad、安卓设备类型适配
JS判断苹果iPhone与iPad、安卓设备类型适配

在网站开发的过程中,一些涉及到资源下载的网站会通过判断不同系统手机来展示...

3 518
js网站视频播放器ckplayer和dplayer优缺点分析
js网站视频播放器ckplayer和dplayer优缺点分析

dplayer和ckplayer都是非常流行的web视频播放器,二者都占有相当大的用户市场...

0 1301
dplayer.js播放器始终无法生效的原因
dplayer.js播放器始终无法生效的原因

今天在折腾dplayer播放器时,发现dplayer播放始终无法生效,引入的m3u8文件也一...

1 275
js调用/获取当前页面链接与参数的方法
js调用/获取当前页面链接与参数的方法

在网站开发的过程中,我们经常会用到当前页面链接以进行url跳转或是其他操作...

0 239
网站数据安全:JS开发跑马灯防盗防录屏功能
网站数据安全:JS开发跑马灯防盗防录屏功能

对于视频站点而言,如何防止视频被盗用是一个不得不考虑的问题。而视频防盗我...

1 370
Ajax请求如何带上Cookie
Ajax请求如何带上Cookie

cookie是网站开发过程中最常使用的元素了,合理并优质的使用cookie,可以让我们...

0 284
css清除浮动导致布局错乱的3个方法
css清除浮动导致布局错乱的3个方法

因为浮动会导致元素脱离标准流,导致其父元素出现一些看上去比较异常的现象。...

0 256
JS怎样添加网站右键菜单?
JS怎样添加网站右键菜单?

js右键控制一方面可以简单防止他人审查代码,另一方面可以更好的自定义右键属...

0 261
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入