我不能将多个参数传递给 ASP Web API

Question

我尝试使用 jQuery 从客户端向 ASP Web API 方法传递多个参数，但该方法无法接受。我尝试了一些解决方案，但都是一样的。

网络 API：

[HttpPost]
[ResponseType(typeof(Message))]
[Route("api/Messages/send-message")]
public async Task<IHttpActionResult> SendMessage(Email email, Message message){} 

jQuery:

   $.ajax({
       url: '/api/Messages/send-message',
       method: 'POST',
       contentType: "application/json; charset=utf-8",
       dataType: "json",
       data: JSON.stringify({
            email: EmailsArray,
            title: $('#txtTitle').val(),
            body: $('#txtContent').val(),
         }),
       success: function (response) {
           console.log(response);
        });

错误信息：

"message":"An error has occurred.","exceptionMessage":"Can't bind multiple parameters ('email' and 'message') to the request's content.","exceptionType":"System.InvalidOperationException"

Answer 1

如果您以 JSON 格式发送数据，则所有数据都需要包含在一个连贯的 JSON 结构中。在服务器端有两个单独的输入参数不符合这个概念。

在这种情况下，您可以创建一个 DTO（数据传输对象），它是一个包含您要传输的所有项目的类。像这样的：

public class EmailMessageDTO
{
  public Email email { get; set; }
  public Message message { get; set; }
}

然后您将操作方法​​定义为接受这个单一的总体对象

public async Task<IHttpActionResult> SendMessage(EmailMessageDTO dto) { } 

在 JavaScript 中：

data: JSON.stringify({
  email: EmailsArray,
  message: { 
    "title": $('#txtTitle').val(),
    "body": $('#txtContent').val(),
  }
}),

这与 MVC 中拥有 ViewModel 的概念非常相似。

Answer 2

您需要将[FromBody] 属性添加到参数，并且您需要将发布数据发送到application/x-www-form-urlencoded，并且您只发送电子邮件参数，如果您想发送标题和正文，您需要添加消息参数，您需要创建模型，如 型号：

public class EmailSendModel(){
      public string email{get;set;}
      public string title{get;set;}
      public string body{get;set;}
}

控制器：

[HttpPost]
[ResponseType(typeof(Message))]
[Route("api/Messages/send-message")]
public async Task<IHttpActionResult> SendMessage([FromBody]EmailSendModel model){}