js接收get参数

在JavaScript中接收GET参数，通常是通过解析URL中的查询字符串来实现的。GET参数是URL中"?"后面的部分，由键值对组成，键值对之间用"&"分隔。

以下是一个简单的函数，用于解析GET参数并返回一个包含所有参数键值对的对象：

function getQueryParamByName(name) {
    let queryStr = window.location.search.substring(1); // 获取查询字符串并去掉开头的'?'
    let paramsArray = queryStr.split('&'); // 按'&'分割成数组
    for (let i = 0; i < paramsArray.length; i++) {
        let pair = paramsArray[i].split('='); // 按'='分割键和值
        if (decodeURIComponent(pair[0]) === name) { // 解码键名并比较
            return decodeURIComponent(pair[1]); // 如果匹配则返回解码后的值
        }
    }
    return null; // 如果没有找到匹配的参数，则返回null
}

// 使用示例
let paramValue = getQueryParamByName('paramName');

此外，现代浏览器提供了更简便的方法来处理URL参数，可以使用URLSearchParams接口：

// 假设当前URL为 "http://example.com/?param1=value1&param2=value2"
let params = new URLSearchParams(window.location.search);

// 获取单个参数值
let paramValue = params.get('paramName');

// 遍历所有参数
params.forEach((value, key) => {
    console.log(key, value);
});

URLSearchParams提供了很多有用的方法，比如.get(), .getAll(), .has(), .append(), .delete()等，使得处理URL参数更加方便。

应用场景：