javascript - 如何使用 AJAX 发送 POST 数据？以及如何在 Web API 中获取 POST 数据？

Question

在我的 MVC 项目中，我必须将 HTML 表格作为电子邮件发送给客户。

我应该调用 Web API 上的电子邮件函数:

public class FunctionsController : ApiController
{
    [HttpPost]
    [Route("{controller}/email")]
    public void SendEmail(string to, string from, string body, string subject, string bcc)
    {
        SmtpClient smtpClient = new SmtpClient();
        smtpClient.Host = "xxxx";
        MailMessage mailMessage = new MailMessage();

        mailMessage.IsBodyHtml = true;
        mailMessage.Body = body;
        mailMessage.Subject = subject;
        mailMessage.From = new MailAddress(from);
        mailMessage.To.Add(new MailAddress(to));
        mailMessage.Bcc.Add(new MailAddress(bcc));

        smtpClient.Send(mailMessage);
    }

我不知道该怎么做。

这是我的 MVC 项目上的 sendEmail javascript 函数(使用 Knockout):

   self.sendEmail = function (to, from, body, subject, bcc) {
    $.ajax({
        url: "../API/functions/email",
        type: "POST",
        data: {
            'to': to,
            'from': from,
            'body': body,
            'subject': subject,
            'bcc' : bcc
        },
        contentType: "application/json",
        success: function (data) {
           console.log(ko.toJSON(data));
        }
    });
}

我应该如何在 Web API 中获取 POST 数据？我的 javascript 函数是否正确？

提前致谢。

Answer 1

制作模型/ View 模型总是更好的做法。

public class EmailViewModel
{
    public string Body { get; set; }
    public string Subject { get; set; }
    public string From { get; set; }
    public string To { get; set; }
    public string Bcc { get; set; }
}

现在 Controller 方法将是这样的:

 public void SendEmail(EmailViewModel email)
  {
       .......
  }

ajax 调用如下:

 var email={
        'Body': body,
        'Subject': subject ,
        'From': from,
        'To': to,
        'Bcc': ''
   };
   $.ajax({
    url: "../xxx/functions/email/",
    type: "POST",
    data: email,
    contentType: "application/json",
    success: function (data) {
        callback(data);
    }
});

希望这会有所帮助:)