Web Api、ajax和内容类型

Question

我想更好地了解一下Net中的WebApi，以及如何用ajax正确地调用它。关于我的开发环境的信息很少：我正在使用。net 4.0、visual studio 2010和Jquery。

型号：

public class TestForm
{
    public string FirstName { get; set; }
}

WebApi：

public class TestpController : ApiController
{
    [HttpPost]
    public HttpResponseMessage Post(TestForm form)
    {
        string jose = "jose";
        return Request.CreateResponse(HttpStatusCode.OK, "yay");
    }
}

客户端：

V1（不工作，返回错误405）：

$.ajax({
    url: "http://xxx/api/Testp",
    type: "POST",                   
    data: JSON.stringify({ FirstName: "Jose" }),                
    dataType: 'json',
    contentType: "application/json; charset=utf-8",                                 
    success: function(data) {
        console.log("success");
    },
    error: function (xhr, errorType, exception) {
        console.log("error");
    }
});

V2（工程）：

$.ajax({
    url: "http://xxx/api/Testp",
    type: "POST",                   
    data: { FirstName: "Jose" },                
    dataType: 'json',
    success: function(data) {
        console.log("success");
    },
    error: function (xhr, errorType, exception) {
        console.log("error");
    }
});

为什么我在添加contentType："Application/json； charset=utf-8"并将数据更改为JSON. stringify（{FirstName："Jose"}）时会出现错误，但当我删除内容类型并在数据选项中发送对象时它会起作用。

Answer 1

您遇到的问题似乎是jQuery飞行前的问题。

如果您查看请求的标头，您会发现在V1中使用的Http方法实际上是OPTIONS。这是因为jQuery只允许Content-Type Header的某些值。

@McBoman在链接的源代码中对此进行了很好的概述。例如，您可能还想阅读跨域资源共享（Cors）。

您需要添加一个函数，该函数响应[HttpOptions]，并明确告知飞行前请求允许某个“自定义”标头，或者在跨源请求允许原始域的情况下。您需要根据自己的需要调整以下功能，获取飞行前提供的信息。

[HttpOptions]
public HttpResponseMessage Options() {

    var response = request.CreateResponse(HttpStatusCode.OK);
    response.Headers.Add("access-control-allow-origin", "*");
    response.Headers.Add("access-control-allow-headers", "content-type");
    return response;

}

希望这对你有帮助。

Answer 2

简短的回答在于这些警报的输出：

alert(JSON.stringify({FirstName :"Jose"}));
alert({FirstName :"Jose"});

第一个给你一个字符串，第二个给你一个对象。

你的方法是：

public HttpResponseMessage Post(TestForm form)

接受对象而不是字符串。所以当你发布一个字符串时。NET Framework无法找到可以处理字符串的方法，因此返回405。