如何在 JavaScript 中检索 GET 参数？-js教程-PHP中文网

如何在 JavaScript 中检索 GET 参数？

Barbara Streisand

发布： 2024-12-20 21:23:09

原创

429 人浏览过

How Can I Retrieve GET Parameters in JavaScript?

从 JavaScript 检索 GET 参数：详细指南

要从 JavaScript 脚本中检索 GET 参数，开发人员可以利用 window.location 对象。该对象提供对当前 URL 的访问，包括其查询字符串。

获取 GET 参数的一种方法是提取 URL 中问号 (?) 后面的部分。以下代码片段演示了这种方法：

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

登录后复制

在提供的示例中，可以使用以下代码访问 GET 参数“returnurl”：

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

登录后复制

但是，这种基本方法不考虑多个值与同一参数名称关联的情况。为了处理这种情况，需要更强大的解决方案。

以下增强功能提供了一种全面的方法来检索 GET 参数，即使存在多个值：

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&amp;");
  for (let index = 0; index < items.length; index++) {
    const [key, value] = items[index].split("=");
    if (key === parameterName) result = decodeURIComponent(value);
  }
  return result;
};

登录后复制

此函数解码参数值以确保与特殊字符的兼容性。它利用 for 循环来迭代查询字符串中的每个键值对。当找到提供的参数名称时，将返回相应的值。

使用该函数，可以获得“returnurl”参数，如下所示：

const returnurl = findGetParameter("returnurl");
console.log(returnurl);

登录后复制

通过利用这些技术，开发人员可以可以有效地从 JavaScript 脚本中检索 GET 参数，从而增强 Web 应用程序的功能。

以上是如何在 JavaScript 中检索 GET 参数？的详细内容。更多信息请关注PHP中文网其他相关文章！