跳至主要內容

JavaScript 获取 URL 请求参数

星火燎原@vxhly小于 1 分钟designJavaScriptCode

前言

通过 JavaScript 原生方法, 获取 URL 所带的请求参数备用。

方法一(使用正则表达式匹配)

方法源码

function GetValue(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

如何使用?

若地址栏 URL 为: abc.html?id=1234&&url=https://www.baidu.com

console.log(GetValue("id"));

输出 => 123

console.log(GetValue("url"));

输出 => https://www.baidu.com`open in new window

方法二(普通字符串截取)

方法源码

function GetRequest() {
  var url = location.search;
  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]] = strs[i].split("=")[1];
    }
  }
  return theRequest;
}

如何使用?

<script type="text/javascript">
  var Request = new Object();
  Request = GetRequest();
</script>

若地址栏 URL 为: abc.html?id=1234&&url=https://www.baidu.com

console.log(Request["id"]);

输出=> 123

console.log(Request["url"]);

输出 => <https://www.baidu.com>

打赏
给作者赏一杯咖啡吧
您的支持将是我继续更新下去的动力
微信微信
支付宝支付宝