js get请求传参数乱码

在JavaScript中进行GET请求时，如果遇到参数乱码的问题，通常是由于编码不一致导致的。以下是一些基础概念以及解决这个问题的方法：

基础概念

1. URL编码：URL只能包含ASCII字符集中的字符，非ASCII字符需要进行编码。URL编码会将这些字符转换为特定格式，以便在URL中安全传输。
2. UTF-8编码：一种广泛使用的字符编码，能够表示Unicode字符集中的任何字符。

问题原因

• 浏览器默认编码：不同浏览器可能有不同的默认编码方式。
• 服务器端解码：服务器端可能使用了不同的编码方式来解码接收到的参数。

解决方法

1. 前端编码

在发送请求之前，对参数进行URL编码。

const param = encodeURIComponent('你好');
const url = `http://example.com/api?param=${param}`;
fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

2. 后端解码

确保服务器端使用相同的编码方式进行解码。例如，在Node.js中：

const http = require('http');
const url = require('url');

http.createServer((req, res) => {
  const queryObject = url.parse(req.url, true).query;
  const decodedParam = decodeURIComponent(queryObject.param);
  console.log(decodedParam); // 应该正确显示 '你好'
  res.end('Received');
}).listen(8080);

3. 统一编码

确保前后端都使用UTF-8编码。

• 前端：确保HTML页面声明了UTF-8编码：
• 前端：确保HTML页面声明了UTF-8编码：
• 后端：在服务器配置中设置默认编码为UTF-8。例如，在Node.js中可以使用express框架：
• 后端：在服务器配置中设置默认编码为UTF-8。例如，在Node.js中可以使用express框架：

应用场景

• Web应用：在用户输入数据并通过GET请求发送到服务器时。
• API接口：客户端通过GET请求调用API并传递参数时。

优势

• 数据完整性：确保参数在传输过程中不会因为编码问题而丢失或变形。
• 兼容性：使用标准的URL编码和解码方法可以提高不同系统和浏览器之间的兼容性。

通过上述方法，可以有效解决JavaScript GET请求中参数乱码的问题。