在 Web 开发中，处理 URL 参数中的特殊字符（如 =, &, ? 和其他符号）需要遵循 URL 编码规则，以确保参数能正确传递和解析。以下是完整的解决方案：

1. URL 编码（Percent Encoding）

所有特殊字符必须通过 URL 编码（即 % 后跟两位十六进制值）转换为安全格式：

  • = → %3D
  • & → %26
  • ? → %3F
  • 空格 → %20 或 +
  • 其他字符（如 #, +, / 等）也需要编码。

2. 客户端编码

在构造 URL 或发送请求时，前端需对参数值进行编码：

JavaScript
// 对整个 URL 编码（保留合法字符）
encodeURI("http://example.com?name=John&Doe"); 
// 结果：http://example.com?name=John%26Doe

// 对参数值单独编码（更严格）
const paramValue = encodeURIComponent("John&Doe=Smith");
// 结果：John%26Doe%3DSmith
HTML 表单

表单默认使用 application/x-www-form-urlencoded 类型，浏览器会自动编码参数：

<form action="/submit">
  <input type="text" name="query" value="tea&coffee?">
</form>
<!-- 提交后参数编码为：query=tea%26coffee%3F -->

3. 服务器端解码

Web 框架通常自动解码参数，开发者无需手动处理：

Python Flask
from flask import request

@app.route('/search')
def search():
    query = request.args.get('query')  # 自动解码后的值
    # 例如，原参数 "tea%26coffee%3F" → "tea&coffee?"
Node.js (Express)
app.get('/search', (req, res) => {
    const query = req.query.query; // 自动解码
});
Java Spring Boot
@GetMapping("/search")
public String search(@RequestParam String query) {
    // query 已自动解码
}
PHP
$query = $_GET['query']; // 自动解码

4. 特殊场景处理

手动解析参数

若需手动解析（如非标准输入），需显式解码：

# Python
from urllib.parse import unquote

raw_param = "name=John%26Doe"
decoded = unquote(raw_param)  # 结果：name=John&Doe
路径参数中的特殊字符

URL 路径中的特殊字符也需编码：

# 原始路径：/user/John Doe
# 编码后：/user/John%20Doe
JSON/XML 参数

使用 Content-Type: application/json 或 text/xml 时，无需 URL 编码，但需遵循格式自身的转义规则。

5. 避免常见错误

  • 双重编码：确保不重复编码（如 %2526 实际是 %26 的二次编码）。
  • 参数拼接错误：使用库构建 URL，而非手动拼接：
// 正确方式（JS）
const url = new URL('http://example.com');
url.searchParams.append('key', 'value&');

总结

  • 客户端：使用 encodeURIComponent 对参数值编码。
  • 服务端：依赖框架自动解码，避免手动处理。
  • 特殊字符：始终通过编码传递，确保服务器正确解析。

遵循此流程，即可正确处理含 =, &, ? 等符号的 URL 参数。