如何在 JavaScript 中提取 GET 参数？

使用 JavaScript 提取 GET 参数

使用 Web 应用程序时，访问通过 GET 参数传递的数据至关重要。这在 URL 查询字符串等情况下变得尤为重要。本文探讨了从 JavaScript 检索 GET 参数的各种技术，提供了简单和更高级的解决方案。

使用 window.location 对象

一种简单的方法涉及利用window.location 对象。该对象包含一个搜索属性，该属性存储 URL 中问号后面的部分。要提取 GET 参数，只需删除问号和任何前导空格即可：

window.location.search.substr(1)

使用此方法，在“http://example.com/page.html?returnurl=/”提供的示例中admin”，结果将是“returnurl=/admin”。

参数的自定义函数检索

另一种方法是创建用于参数检索的自定义 JavaScript 函数。此函数可以简化参数提取过程：

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
          tmp = item.split("=");
          if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

在此示例中，findGetParameter() 函数接受parameterName 并迭代查询字符串，搜索匹配项。一旦找到匹配项，就会返回相应的参数值。

纯 JavaScript for 循环

为了实现更广泛的兼容性，包括 Internet Explorer 8，纯 JavaScript for 循环可以采用：

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}

此解决方案确保与旧版浏览器的兼容性，同时保持相同的参数检索功能。

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