javascript 使用正则表达式获取url里的GET参数

最新推荐文章于 2023-04-04 14:34:45 发布

HXZz

最新推荐文章于 2023-04-04 14:34:45 发布

阅读量2k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/m0_48182879/article/details/106516426

版权

本文介绍了如何使用JavaScript从URL中获取GET参数。通过理解URL的结构和利用正则表达式，作者封装了一个简单的函数，能够方便地提取URL中的GET参数。在JavaScript中，可以使用window.location.search结合正则表达式来实现这一功能。

摘要由CSDN通过智能技术生成

前端页面经常用JS获取页面的GET参数，JS和PHP还不一样， PHP直接 $_GET 数组就能获取值。而JS则需要一通操作来从url里获取GET参数，这里简单封装了一下方法。每次获取就只需要调用一下就OK了。

要想获取GET参数，首先要清楚GET参数是什么样的。下面是一个完整的url地址，格式如下：

https://host:port/path?xxx=aaa&yyy=bbb

--http/https：这个是协议类型。

--host:服务器的IP地址或者域名。

--port:HTTP服务器的默认端口是80，这种情况下端口号可以省略。如果使用了别的端口，必须指明，例如：192.168.1.100:8080，这里的8080就是端口

--path:访问资源的路径。

--？:url里面的？是个分割线，用来区分问号前面的是path，问号后面的是参数

--xxx=aaa:问号后面的是请求参数，格式：xxx=aaa。

--&：多个参数用&符号连接

好了，我们了解了url的格式，那么现在要提取其中的GET参数了。JavaScript代码如下：

function getQueryString(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var result = window.location.se

关注

专栏目录