求助：JavaScript中FormData.append方法无作用问题

1. 变量引用错误（最直接问题） #

你代码里的formData.append('username', 'username');存在明显错误：第二个参数写的是字符串'username'，而非你之前获取的用户输入变量username。这会导致FormData中username字段的固定值为"username"，而非用户实际输入内容。修正代码如下：

formData.append('username', username);

2. 正确查看FormData内容的方式 #

直接执行console.log(formData)无法看到FormData内的实际键值对，因为FormData是不可直接枚举的对象。可以通过以下方式验证数据：

• 获取单个字段值：

  console.log(formData.get('username')); // 输出实际的username值
  

• 遍历所有键值对：

  for (let [key, value] of formData.entries()) {
    console.log(`${key}: ${value}`);
  }
  

3. 额外检查点 #

• 确认页面中存在#username元素，且能正确获取输入值：可以在获取变量后添加console.log(username);验证。
• 后端/register接口需支持解析multipart/form-data类型的请求，确保能正确读取FormData中的字段。
• 无需手动设置XMLHttpRequest的Content-Type头部：发送FormData时，浏览器会自动生成包含boundary的multipart/form-data头部，手动设置反而可能导致解析失败。

内容的提问来源于stack exchange，提问作者Rezso