如何手动拼接成 URL 参数形式

手动拼接 URL 参数的常见方式是将表单数据转换成类似于 `key1=value1&key2=value2&...` 的格式，然后将其作为请求体发送给后端。具体步骤如下：

1. 在 JavaScript 中获取表单数据。

const formData = {
  key1: value1,
  key2: value2,
  ...
};

2. 将表单数据转换成 URL 参数格式。

const params = Object.keys(formData).map(key => `${key}=${encodeURIComponent(formData[key])}`).join('&');

这里使用了 `Object.keys()` 方法获取对象的键名数组，然后使用 `Array.map()` 方法将每个键值对转换成 `key=value` 的格式，并使用 `encodeURIComponent()` 方法对值进行 URL 编码，最后使用 `Array.join()` 方法将数组转换成字符串，并用 `&` 连接每个键值对。

3. 发送 POST 请求，并将参数作为请求体发送给后端。

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: params
});

这里使用了 Fetch API 发送 POST 请求，设置了请求头的 `Content-Type` 为 `application/x-www-form-urlencoded`，并将参数作为请求体发送给后端。

需要注意的是，手动拼接 URL 参数存在一些局限性，比如无法处理嵌套对象、数组等复杂数据类型。如果需要传递复杂数据类型，建议使用 FormData 对象。