[javascript]javascript中怎样获取URL中的查询参数字符串值(query string value),有哪些方法呢?

Javascript 作者: Rector 91 次阅读 · 读完约需 2 分钟 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

问题描述

在前端开发(javascript)中,是否有一种不使用插件的方法通过jQuery(或者不使用jQuery)来获取URL地址中的查询字符串值呢?
如果有,又有哪些方法可以实现呢?

方案一

可以不用第三方的插件,而使用原生的javascript实现获取URL地址中的查询参数字符串值,方法如下:

方法调用示例:

特别说明: 如果一个参数在URL参数字符串中被指定了多次(比如:?foo=lorem&foo=ipsum),那么,上面这个函数会返回第一个匹配的值(lorem)。

方案二

将URL的参数字符串转换成数组,然后通过数组访问每个参数的值,如下:

调用示例:

方案三

使用javascriptsplit方法实现,如下:

调用示例:

方案四

现代浏览器(Firefox 44+, Opera 36+, Edge 17+, Safari 10.3+, Chrome 49+)版本支持的情况下,可以使用URLSearchParams实现,如下:

或者

或者任意的URL地址:

当然,还可以使用URL对象的.searchParams属性来访问参数,如下:

阅读了该文章的人还浏览了...

本文永久链接码友网 » [javascript]javascript中怎样获取URL中的查询参数字符串值(query string value),有哪些方法呢?

发布于: 2018-08-22 21:47:32
分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册