📜  JavaScript |从 URL 知道 GET 参数的值(1)

📅  最后修改于: 2023-12-03 14:42:28.760000             🧑  作者: Mango

JavaScript | 从 URL 知道 GET 参数的值

在Web开发中,我们常常需要读取URL中的GET参数。JavaScript中有两种常用的方法可以获取URL中的GET参数。

1. 使用正则表达式

正则表达式是一种强大的字符串匹配工具。我们可以使用正则表达式来匹配URL中GET参数的值。下面是一个简单的示例:

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0; i<vars.length; i++) {
    var pair = vars[i].split("=");
    if(pair[0] == variable) {
      return pair[1];
    }
  }
  return(false);
}

这个函数通过读取window.location.search中的查询字符串来获取URL中的GET参数。函数将查询字符串分割成一个个变量,然后在循环中逐个比较变量名,找到了就返回相应的值。

2. 使用URLSearchParams对象

URLSearchParams是一个新的API,它提供了一种更直观的方法来访问URL中的GET参数。可以使用以下代码创建一个URLSearchParams对象:

var params = new URLSearchParams(window.location.search);

现在我们可以使用下面的代码获取URL中的GET参数的值:

params.get('paramName');

这个代码片段会返回URL中名为paramName的GET参数的值。

这种方法相对于正则表达式更为简单,而且不需要自己编写处理查询字符串的代码。

结论

现在你已经知道了如何从URL中获取GET参数的值了。无论你使用正则表达式还是URLSearchParams对象,你都可以轻松地读取URL中的查询字符串,并获取你需要的参数值。