有没有办法用纯Javascript获取GET参数？

可以使用纯JavaScript获取URL中的GET参数。以下是一个示例代码，展示了如何实现这一点：

function getQueryParam(paramName) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(paramName);
}

// 使用示例
const myParam = getQueryParam('myParam');
console.log(myParam); // 输出: 获取到的参数值

基础概念

• URLSearchParams: 这是一个内置的JavaScript接口，用于处理URL中的查询字符串。
• window.location.search: 这个属性返回当前URL的查询字符串部分，包括开头的问号（?）。

优势

1. 简洁性: 使用URLSearchParams接口可以非常简洁地获取查询参数。
2. 兼容性: 现代浏览器普遍支持URLSearchParams，兼容性良好。
3. 易用性: 接口设计直观，易于理解和使用。

类型

• 字符串参数: 适用于大多数常见的GET参数场景。
• 数组参数: 如果需要处理多个同名参数，可以通过遍历URLSearchParams对象来实现。

应用场景

• 表单提交后的数据处理: 在用户提交表单后，可以通过GET方法获取URL中的参数并进行处理。
• 页面跳转时的状态传递: 在单页应用（SPA）中，可以通过URL参数传递状态信息。
• 动态内容加载: 根据URL参数动态加载不同的内容或配置。

可能遇到的问题及解决方法

问题1: 参数不存在

如果查询参数不存在，URLSearchParams.get()方法会返回null。可以通过简单的条件判断来处理这种情况：

const myParam = getQueryParam('myParam');
if (myParam !== null) {
    console.log(myParam);
} else {
    console.log('参数不存在');
}

问题2: 参数值包含特殊字符

URL中的参数值可能包含特殊字符，这些字符需要进行编码和解码。可以使用encodeURIComponent和decodeURIComponent来处理：

// 编码
const encodedParam = encodeURIComponent('特殊字符值');
console.log(encodedParam); // 输出: 特殊字符值

// 解码
const decodedParam = decodeURIComponent(encodedParam);
console.log(decodedParam); // 输出: 特殊字符值

通过这些方法，可以有效地处理和获取URL中的GET参数，确保应用程序的正常运行和数据的准确性。