添加 [FromBody] 属性会导致 404

Question

我有一个带有简单字符串参数的操作，我使用 Ajax 向它发送数据，如下所示：

[HttpPost]
public async Task<IActionResult> Add(string data)

$.ajax({
        type: "POST",
        url: "/Items/Add",
        data: {
            data: item
        }
    })

这很好用，但是在阅读了 ASP.NET Core 中的模型绑定简单类型之后，我了解到您可以使用 [FromBody] 属性并在值前面加上 '=' 前缀，所以我按照如下示例重写了它：

[HttpPost]
public async Task<IActionResult> Add([FromBody] string data)

$.ajax({
        type: "POST",
        url: "/Items/Add",
        data: "=" + item,
        contentType: "text/plain"
    })

但是，在这样做之后，我的操作不再被命中，并且 ajax 请求返回 404。无论是否设置 contentType: "text/plain"，都会发生这种情况，尽管我注意到我的请求有效负载在第二个中未设置 contentType 时为空例子。

更新：我已经通过像这样重写 Ajax 请求使 [FromBody] 属性工作：

$.ajax({
        type: "POST",
        url: "/Items/Add",
        data: JSON.stringify(item),
        contentType: "application/json"
    })

添加application/json 修复了 404，但随后数据为空。我必须将其更新为 "'=" + item + "'" 以便在操作中通过该值，但是“=”仍然是数据的一部分，所以我不明白文档中 = 前缀的全部含义.

Answer 1

我不确定这里的 text/plain 内容类型，但您的问题可以通过做 2 件事来解决：

1. 将[FromBody] 更改为[FromForm] - [FromBody] 仅适用于 json 数据（我相信），这可以解释为什么您的更新示例有效......有点。但由于模型绑定器现在显式查找 JSON，因此您必须添加引号并最终得到错误的答案。
2. 将内容类型更改为application/x-www-form-urlencoded。

所以它看起来像这样：

[HttpPost]
public async Task<IActionResult> Add([FromForm] string data)

$.ajax({
    type: "POST",
    url: "/Items/Add",
    data: "=" + item,
    contentType: "application/x-www-form-urlencoded"
})

现在路由将匹配，模型绑定器会将data 视为表单，轻松将=item 默认为您的操作参数。

旁注：我怀疑您得到的是不受支持的 415 媒体，而不是 404。

Answer 2

首先你需要格式化 POST 请求正文数据。它应该看起来像这样：

   var dataObject = {
        data: '=' + item,
     }

     $.ajax({
       type: 'POST',
       url: '/Items/Add',
       dataType: 'json',
       contentType: dataType,
       data: dataObject,
       success: function(result) {
            console.log(result);
            } 
       });

在你的行动中：

   [HttpPost]
   public async Task<IActionResult> Add([FromBody] string data)
   {

   }