Angular向C#本地后端发POST请求遇循环结构转JSON错误求助

你的问题根源很明确：你把FormGroup实例直接传给了HttpClient.post()方法，而不是表单的实际值。FormGroup内部包含验证器、控件引用等循环依赖结构，JSON序列化器无法处理这种循环引用，因此抛出该错误。

修复步骤 #

修改submit()方法里的POST请求参数，将this.itemaddForm替换为this.itemaddForm.value：

submit() {
  this.itemaddForm.markAsDirty();
  if (this.itemaddForm.valid) {
    console.log('tıklandı')
    // 此处替换为表单的纯数据对象
    this.httpClient.post('http://localhost:60805/api/items', this.itemaddForm.value).subscribe({
      next: (next) => {
        console.log('Backendden cevap geldi:', next);
      },
      error: (error) => {
        console.log('Backendden hatalı cevap geldi:', error);
      },
      complete: () => {
        console.log('Backend isteği sonlandı.');
      },
    });
    console.log(this.itemaddForm.value);
    console.log('tıklandı')
  }
}

错误原因说明 #

FormGroup是Angular表单的控制对象，它不仅存储表单值，还包含控件状态、验证规则、父子控件引用等信息，这些内部结构存在循环引用（比如控件引用FormGroup，FormGroup又回引控件）。当尝试序列化整个FormGroup对象时，序列化器会陷入无限循环，最终抛出“Converting circular structure to JSON”错误。

而this.itemaddForm.value是纯JavaScript对象，仅包含表单的键值对数据，无任何循环引用，可正常序列化为JSON发送给后端。

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