json字符串get传参

JSON字符串作为一种轻量级的数据交换格式，在前端开发中广泛应用。而get传参则是一种网页传输数据的方式，简单易用，不需要服务器端解析。在开发中，我们经常需要将JSON字符串作为get传参发送到后端，实现数据的处理与展示。

通过URL传参的方式，将JSON字符串转换成key-value形式的参数，从而实现了对数据的传递。下面是一个示例：

http://localhost:8080/api?key1=value1&key2=value2&json=%7B%22name%22%3A%22Tom%22%2C%22age%22%3A18%7D

在上述URL地址中，json参数就是一个JSON字符串。关于如何将JSON字符串转换成URL参数，有两种常见方式：

// 方法一：手动拼接
const json = { name: 'Tom',age: 18 };
const params = `json=${encodeURIComponent(JSON.stringify(json))}`;
const url = `http://localhost:8080/api?key1=value1&key2=value2&${params}`;

// 方法二：使用第三方库qs
import qs from 'qs';

const json = { name: 'Tom',age: 18 };
const params = qs.stringify({ json });
const url = `http://localhost:8080/api?key1=value1&key2=value2&${params}`;

无论采用哪种方式，都需要注意的是：

• 将JSON字符串转换成URL参数时，需要使用encodeURIComponent对字符串进行编码
• 后端接收到URL参数后，需要使用decodeURIComponent进行解码，并且再使用JSON.parse将字符串转换成JSON对象

在使用get传参时，需要注意传递数据的长度。由于URL有长度限制，当传递的数据过长时，会导致URL无法发送成功。因此，在开发中，我们需要根据实际需求，合理控制JSON字符串的长度，避免出现请求失败的情况。