angularjs - 来自 Angular 的 415 错误 Web Api POST

Question

花费数小时处理对 Web API Controller 的简单 POST 请求。

Here's the response header from Postman:
Access-Control-Allow-Headers → Content-Type
Access-Control-Allow-Methods → GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin → *
Cache-Control → no-cache
Content-Length → 2153
Content-Type → application/json; charset=utf-8
Date → Wed, 04 Nov 2015 23:26:14 GMT
Expires → -1
Pragma → no-cache
Server → Microsoft-IIS/10.0
X-AspNet-Version → 4.0.30319
X-Powered-By → ASP.NET
X-SourceFiles → =?UTF-8?B?QzpcVXNlcnNcSnVsaWFcRG9jdW1lbnRzXFZpc3VhbCBTdHVkaW8gMjAxM1xQcm9qZWN0c1xUd2lsZHlcQVBJXGFwaVxUZXN0XHRlc3Rc?=

我尝试了这两种 POST 方法，但都没有成功:

1.         [Route("api/{Test}/test")]
           [HttpPost]
           public void PostByProducts(Test t)
           {
               Console.Write(t.Name);
           }

2. 更新:下面已替换为最终可用的代码。请注意，我添加了 Name="PostData"，这是 Controller 的名称。否则，会出现“空引用”错误。 “数据数据”本身是模型中的一个类。

    [ResponseType(typeof(Data))]
    [Route("api/{Test}/testpost/", Name="PostData")]
    public IHttpActionResult PostData(Data data)
    {
        int rValue = 0;
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }
        else
        {
            if (data != null)
            {
                rValue = repo.PostTestMe(data);
            }
            else
            {
                return BadRequest();
            }
        }

        return CreatedAtRoute("PostData", rValue, data);
    }

在 #1 上，无论请求内容类型如何，我的类“测试”总是以空值出现。我在 Postman 中都试过了，包括 json。阅读一些 SO 答案时，我确实向模型类(“测试”)添加了一个空构造函数

在#2(旧:从 Angular 发布时我得到空值)现在也可以使用此处发布的更新代码从 Angular 工作。当我从 Postman 发帖时有效。

我已经无计可施了。我想要做的就是从 Angular 发布一个简单的表单。

更新:现在可以在 Postman 中使用了。我在函数中得到了一个非空值，并在 Postman 中得到了这个响应:

Access-Control-Allow-Headers → Content-Type
Access-Control-Allow-Methods → GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin → *
Cache-Control → no-cache
Content-Length → 1308
Content-Type → application/json; charset=utf-8
Date → Thu, 05 Nov 2015 03:15:26 GMT
Expires → -1
Pragma → no-cache
Server → Microsoft-IIS/10.0
X-AspNet-Version → 4.0.30319
X-Powered-By → ASP.NET
X-SourceFiles → =?UTF-8?B?QzpcVXNlcnNcSnVsaWFcRG9jdW1lbnRzXFZpc3VhbCBTdHVkaW8gMjAxM1xQcm9qZWN0c1xUd2lsZHlcQVBJXGFwaVx0ZXN0cG9zdA==?=

这是我在 Postman 中发送的内容:

Angular代码:(formdata直接来自html表单，引用了对应C#模型类的form.Field1、form.Field2等)

        factory.postForm = function(formdata) {
          return $http({
            url: 'http://domain.com/api/test/testpost',
            data: JSON.stringify(formdata),
            method: 'POST',
            headers: {
              'Content-Type': 'application/json; charset=utf-8'
            }
          }).success(function(response) {
            console.log('posted ' + formdata)
          });
        }

(旧:仍然在 API post 函数中获取 null。)一切正常。

最后更新:

平心而论，当我将我的源代码上传到共享主机上的实时服务器时，API 托管在同一域下，只是一个不同的项目，一切正常，我得到了 201 Created OK 响应。

所以，我想这是一个 CORS 问题，这很有趣，因为在本地主机上对于 GET 请求一切正常，但 POST 却让我遇到了困难。

顺便说一句，我最终没有使用 [FromBody] - 没有它它也能工作。

更新:最终将名称添加到 route 。一切正常。

Answer 1

我之前遇到过类似的问题，在我的例子中，在类参数解决问题之前添加 [FromBody]。

在您的情况下，测试方法需要如下所示。

[HttpPost]
public IHttpActionResult PostTest([FromBody]Test test)
{
}

可以找到 FromUri 和 FromBody 的详细描述 here .