Blazor Server 发起HttpPost请求，但是多参数

一、介绍

今天突然想起之前工作上遇到的一个问题，在做Blazor 开发时后端给的一个接口请求方式是Post ，但是他需要携带多个参数，新建一个公共类又觉得麻烦，我就尝试着怎么在Post请求中携带多个参数，由于接触Asp .Net Core 的时间不够长，所以这些都不是太了解, 今天写下这篇文章做个记录，以免以后用到的时候忘记。如果有什么不对的地方，或者有更好的方法，大家可以在评论区发出来，大家一起学习。

二、代码实现

后台就写一个最简单的Post接口，参数暂且先填两个参数，同时这两个参数使用[FromForm]特性，表示这个数据是表单传过来的数据。

FromForm: 在Action方法传入参数后添加[FromForm]属性，参数将以表单【key:value对Array组】的形式提交。

1.      [HttpPost]
2.      public async Task<ActionResult<string>> PostMultipleParameters([FromForm] int age, [FromForm] string name)
3.      {
4.          var form = $"age:{age},name:{name}";
5.          return Ok(form);
7.      }

复制代码

同样，Blazor Server 也是写一个最简单的HttpPost请求，从后台的Swagger 可以看到，这个请求体是 multipart/form-data，所以我们在请求的时候也需要创建一个相对应的正文，这里我们用MultipartFormDataContent类型来作为我们请求的正文。

1. @code {
2.     protected override async Task OnInitializedAsync()
3.     {
4.         using (var httpClient = new HttpClient())
5.         {
6.             MultipartFormDataContent formDataContent = new();
7.             formDataContent.Add(new StringContent("LinSr"), "name");
8.             formDataContent.Add(new StringContent("80"), "age");
9.             await httpClient.PostAsync("http://localhost:5001/api", formDataContent);
10.         }
11.     }
12. }

复制代码

当Blazor Server 程序运行起来，OnInitializedAsync方法被调用时，后台收到的请求数据如下，证明我们从Blazor Server 发起的HttpPost请求后台已收到。



三、总结

上述是Blazor Server 发起HttpPost请求携带多个参数的一个简单例子，方法应该还有很多种，但我始终相信学习是一个循序渐进的过程，现在自身能力有限，先从简单的开始吧，如果大家还有更好的方法，也望大家不吝赐教，在评论区发出来，大家一起学习。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！