Angular中FormData赋值问题：参数无法追加且变量未定义

核心问题 #

1. FormData为空：AirportDetails1.airport_city未获取到有效数据，或AirportDetails1参数本身无内容
2. Airportdata打印undefined：代码中this.Airportdata从未被赋值，自然无输出

修复步骤 #

1. 解决FormData为空的问题 #

直接打印FormData对象看不到内部键值对，先排查参数是否有效，再通过遍历查看FormData实际内容：

onSubmitBasic(AirportDetails1) {
  // 先确认传入的参数是否正确
  console.log('传入的参数:', AirportDetails1);
  console.log('airport_city的值:', AirportDetails1?.airport_city);

  var formdata = new FormData();
  // 仅当值存在时追加到FormData
  if (AirportDetails1?.airport_city) {
    formdata.append('airport_city', AirportDetails1.airport_city);
  }

  // 遍历打印FormData实际内容
  for (let [key, value] of formdata.entries()) {
    console.log(`FormData: ${key} = ${value}`);
  }

  this.http.post(`${environment.apiUrl}Airport_Mgt/Register_airport`, formdata, options).subscribe((response) => {
    this.User = response;
    console.log("接口返回结果", response);
  });
}

2. 修复Airportdata undefined的问题 #

this.Airportdata未被赋值，按需修改：

• 若要打印提交的机场数据，直接打印传入的参数：

  console.log("Airportdata", AirportDetails1);
  

• 若需要存储该数据，先赋值再打印：

  this.Airportdata = AirportDetails1; // 或只存需要的字段，比如 { airport_city: AirportDetails1.airport_city }
  console.log("Airportdata", this.Airportdata);
  

额外提醒 #

• 提交FormData时，无需手动设置Content-Type，浏览器会自动添加multipart/form-data头
• 确认AirportDetails1参数的来源（比如表单绑定、组件传值），确保数据已正确传递

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