不允许使用GET 405方法

Question

这是我调用Web API的jquery代码

var request = {
    RequestId: "123",
    DeviceId: "ACU-B2-01-R1",
    AccessType: "Unlock",
    LoginId: "tester",
    Password: "tester"
};

$.ajax({
    url: 'http://localhost:55208/api/accesspanel',
    type: 'POST',
    data: JSON.stringify(request),
    dataType: 'jsonp',
    contentType: "application/json;charset=utf-8",
    success: function (data) {
        alert("success");
        alert(JSON.stringify(data));
    },
    error: function (x, y, z) {
        alert(x + '\n' + y + '\n' + z);
    }
});

当我运行此代码时，什么也没有发生。 成功块和错误块都不会触发。 在chrome的调试控制台中签入后，这是错误记录：

GET http://localhost:55208/api/accesspanel?callback=jQuery18203847100134007633_…22,%22LoginId%22:%22tester%22,%22Password%22:%22tester%22}&_=1364916423737 405 (Method Not Allowed) 
    send jquery.min.js:2
    p.extend.ajax jquery.min.js:2
    (anonymous function)

但是，我可以使用C＃代码成功调用我的Web api方法，如下所示：

    using (var client = new HttpClient())
    {
        client.BaseAddress = new Uri("http://localhost:55208/");

        var request = new DeviceAccessRequest
        {
            RequestId = Guid.NewGuid().ToString(),
            DeviceId = "ACU/B2/01/R1",
            AccessType ="Unlock",
            LoginId = "tester",
            Password = "tester" ,                    
        };
        var response = client.PostAsJsonAsync("api/accesspanel", request).Result;
        if (response.IsSuccessStatusCode)
        {
            var deviceAccessResponse = response.Content.ReadAsAsync<DeviceAccessResponse>().Result;

        }
    }

这是我的Web API方法：

    [HttpPost]
    public HttpResponseMessage PostDeviceControl(DeviceAccessRequest deviceAccessRequest)
    {

        var deviceAccessResponse = new DeviceAccessResponse(deviceAccessRequest.RequestId)
            {
                Status = "OK"
            };
        var response = Request.CreateResponse<DeviceAccessResponse>(HttpStatusCode.OK, deviceAccessResponse);
        return response;
    }

Answer 1

在控制台中看到GET请求的原因是因为您指定了dataType: 'jsonp' ，它仅适用于GET请求（其原因是jQuery将其转换为指向您指定的url的<script>标记）。 如果要使用除GET以外的其他动词进行跨域AJAX，则不能使用JSONP。 如果您需要使用其他动词（例如POST），则有两种选择：

• CORS 。 观看following video ，该following video说明了如何在Web API上启用CORS。 显然，要使其正常工作，您的客户端浏览器需要tio支持
• 域上的服务器端网桥。 这里的想法是在托管您的javascript代码的域上有一些服务器端脚本，该脚本会将HTTP请求发送到API并将响应返回给客户端。 然后，您将向您自己的域发送常规的AJAX POST请求