js 获取url查询参数值

在JavaScript中获取URL查询参数值有多种方法，以下介绍两种常用的方法：

一、使用URLSearchParams对象（推荐方法）

1. 基础概念
   • URLSearchParams是一个内置的JavaScript类，用于处理URL中的查询字符串（即?后面的部分）。它提供了一种方便的方式来解析和操作查询参数。

• 优势
  • 简单易用，语法简洁。不需要手动解析查询字符串，减少了出错的可能性。
  • 支持多种操作，如获取单个参数值、遍历所有参数等。
• 示例代码
• 示例代码
• 应用场景
  • 在单页应用（SPA）中，根据URL查询参数来加载不同的内容或者设置初始状态。
  • 在处理表单提交后的重定向URL时，获取查询参数中的结果信息。

二、手动解析查询字符串

1. 基础概念
   • 查询字符串是URL中?后面的部分，由一系列的key = value对组成，各对之间用&分隔。通过字符串操作函数来提取特定的参数值。

• 优势
  • 不需要依赖新的API，在一些较老的浏览器环境中也能使用（虽然现在大多数浏览器都支持URLSearchParams）。
• 示例代码
• 示例代码
• 应用场景
  • 在一些对兼容性要求极高，且不希望使用新特性的项目中，可以使用这种方法来获取查询参数值。

如果遇到获取不到查询参数值的问题：

• 检查URL是否正确包含查询参数，并且参数名拼写正确。
• 如果使用URLSearchParams，确保在页面加载完成后再执行获取操作（例如放在window.onload事件或者DOMContentLoaded事件中）。
• 如果是手动解析，检查是否有对特殊字符进行正确的编码和解码操作。