Angular httpclient.post发送一个JSON对象到ASP.Net Core Action,后端接收到的数据为null。
创始人
2024-10-19 06:00:29
0

要解决这个问题,您可以按照以下步骤进行操作:

  1. 确保您在Angular应用程序中正确导入了HttpClientModule

    import { HttpClientModule } from '@angular/common/http';
    
    @NgModule({
      imports: [
        HttpClientModule
      ],
      ...
    })
    export class AppModule { }
    
  2. 在Angular服务中使用HttpClientpost方法发送JSON对象。

    import { HttpClient } from '@angular/common/http';
    
    constructor(private http: HttpClient) { }
    
    sendJsonData(data: any) {
      return this.http.post('api/your-action-url', data);
    }
    
  3. 在ASP.NET Core后端的Action中,使用FromBody特性获取传递的JSON对象。

    [HttpPost("your-action-url")]
    public IActionResult YourAction([FromBody] YourModel model)
    {
        // 处理接收到的数据
        // ...
    
        return Ok();
    }
    
  4. 确保您的YourModel类与JSON对象的属性匹配。

    public class YourModel
    {
        public string Property1 { get; set; }
        public int Property2 { get; set; }
        // 其他属性...
    }
    
  5. 最后,确保您的请求头中包含Content-Type: application/json

    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json'
      })
    };
    
    this.http.post('api/your-action-url', data, httpOptions);
    

通过遵循上述步骤,您应该能够正确地将JSON对象发送到ASP.NET Core Action并成功接收到数据。

相关内容

热门资讯

一分钟辅助!微信小程序途游辅助... 一分钟辅助!微信小程序途游辅助免费,都是是有辅助挂(有挂辅助)1、上手简单,内置详细流程视频教学,新...
第7分钟辅助!九九山城万州版脚... 第7分钟辅助!九九山城万州版脚本,一直真的有辅助攻略(有挂解惑)1、不需要AI权限,帮助你快速的进行...
两分钟辅助!丽水都莱辅助工具试... 两分钟辅助!丽水都莱辅助工具试用,果然存在有辅助插件(果真有挂)该软件可以轻松地帮助玩家将丽水都莱辅...
9分钟辅助!福建天天开心无限辅... 9分钟辅助!福建天天开心无限辅助科技,其实真的是有辅助教程(有挂分享)1、福建天天开心无限辅助科技破...
十分钟辅助!南宁友乐辅助,都是... 十分钟辅助!南宁友乐辅助,都是有辅助挂(有挂辅助)1、南宁友乐辅助辅助软件下载优化,南宁友乐辅助底牌...
八分钟辅助!奇迹陕西辅助,竟然... 八分钟辅助!奇迹陕西辅助,竟然是有辅助神器(有挂方式)1、实时奇迹陕西辅助透视辅助更新:用户可以随时...
第6分钟辅助!欢聚水鱼辅助插件... 第6分钟辅助!欢聚水鱼辅助插件,一贯存在有辅助技巧(有挂细节)暗藏猫腻,小编详细说明欢聚水鱼辅助插件...
八分钟辅助!新西部外卦辅助器,... 八分钟辅助!新西部外卦辅助器,都是真的有辅助器(有挂方法)1、新西部外卦辅助器公共底牌简单,新西部外...
两分钟辅助!微乐陕西小程序辅助... 两分钟辅助!微乐陕西小程序辅助,真是真的有辅助教程(有挂解惑)1、让任何用户在无需微乐陕西小程序辅助...
1分钟辅助!福建天天开心万能辅... 1分钟辅助!福建天天开心万能辅助,真是有辅助插件(有挂详细)1、实时福建天天开心万能辅助透视辅助更新...