js地址栏中文参数

在JavaScript中处理URL地址栏中的中文参数时，主要涉及到URL编码（也称为百分号编码）的概念。这是因为URL标准只允许包含ASCII字符集中的字符，因此对于非ASCII字符（如中文），需要进行编码才能在URL中正确传输。

基础概念

URL编码：将URL中的非ASCII字符转换为特定格式，通常是百分号（%）后跟两个十六进制数字，表示该字符的ASCII码。

类型

百分号编码：最常用的URL编码方式。
Base64编码：有时用于编码整个URL或参数部分，但不是专门针对URL的编码方式。

应用场景

搜索查询：当用户在搜索框中输入中文关键词并提交时。
页面跳转：在单页应用（SPA）中，根据用户操作跳转到包含中文参数的新页面。
API请求：向服务器发送包含中文参数的HTTP请求。

遇到的问题及解决方法

问题：URL地址栏中的中文参数显示为乱码或无法正确解析。

原因：

未进行URL编码：直接将中文字符拼接到URL中。
编码不一致：服务器端和客户端对同一参数使用了不同的编码方式。

解决方法：

前端编码：在将中文参数拼接到URL之前，使用JavaScript的encodeURIComponent()函数进行编码。
前端编码：在将中文参数拼接到URL之前，使用JavaScript的encodeURIComponent()函数进行编码。
服务器端解码：服务器端接收到URL参数后，使用相应的解码函数进行解码。例如，在Node.js中可以使用decodeURIComponent()函数。
服务器端解码：服务器端接收到URL参数后，使用相应的解码函数进行解码。例如，在Node.js中可以使用decodeURIComponent()函数。
确保编码一致：确保前端和服务器端使用相同的字符编码（通常是UTF-8）。

示例代码

前端：

// 编码中文参数
let chineseParam = "中文";
let encodedParam = encodeURIComponent(chineseParam);
let url = "http://example.com/page?param=" + encodedParam;

// 跳转到新页面
window.location.href = url;

服务器端（Node.js）：

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

http.createServer((req, res) => {
    let queryObject = url.parse(req.url, true).query;
    let decodedParam = decodeURIComponent(queryObject.param);
    console.log(decodedParam); // 输出: 中文
    res.end();
}).listen(3000);

通过这种方式，可以确保URL地址栏中的中文参数能够被正确传输和解析。