JavaScript中将JSON对象转换为URL参数格式的字符串

在 JavaScript 中，将 JSON 对象转换为 URL 参数格式的字符串，需要使用 encodeURIComponent() 对每个键值对进行编码，以确保特殊字符（如空格、&、= 等）被正确处理。

以下是几种实现方式：

1. 使用 URLSearchParams（现代浏览器推荐）

const data = {"leavedays":5,"reason":"出去玩"};
const params = new URLSearchParams(data).toString();console.log(params); 
// 输出：leavedays=5&reason=%E5%87%BA%E5%8E%BB%E7%8E%A9

2. 手动拼接（兼容旧浏览器）

const data = {"leavedays":5,"reason":"出去玩"};
const params = Object.entries(data).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join('&');console.log(params); 
// 输出：leavedays=5&reason=%E5%87%BA%E5%8E%BB%E7%8E%A9

3. 包含嵌套对象的情况

如果对象包含嵌套结构（如数组或子对象），需要先将其序列化为 JSON 字符串：

const data = {leavedays: 5,reason: "出去玩",options: { type: "annual", urgent: true } // 嵌套对象
};const params = Object.entries(data).map(([key, value]) => {// 嵌套对象/数组需要先转为 JSON 字符串const encodedValue = typeof value === 'object' ? encodeURIComponent(JSON.stringify(value)) : encodeURIComponent(value);return `${encodeURIComponent(key)}=${encodedValue}`;}).join('&');console.log(params); 
// 输出：leavedays=5&reason=%E5%87%BA%E5%8E%BB%E7%8E%A9&options=%7B%22type%22%3A%22annual%22%2C%22urgent%22%3Atrue%7D

注意事项

1. 解码参数：在接收端，使用 decodeURIComponent() 解码参数。
2. 特殊字符：URLSearchParams 会自动处理常见特殊字符（如空格转为 +），但手动拼接时需确保使用 encodeURIComponent。
3. 长度限制：URL 参数有长度限制（通常为 2000 字符左右），复杂数据建议改用 POST 请求。

使用场景示例

// 示例：将参数添加到 URL
const baseUrl = "https://example.com/api/leave";
const data = {"leavedays":5,"reason":"出去玩"};
const queryString = new URLSearchParams(data).toString();
const fullUrl = `${baseUrl}?${queryString}`;console.log(fullUrl); 
// 输出：https://example.com/api/leave?leavedays=5&reason=%E5%87%BA%E5%8E%BB%E7%8E%A9

根据你的需求选择合适的方法即可。