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;

        }
    }

这是我的网络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将此转换为指向该<script>标记的{{1}}标记你指定的网址）。如果你想用GET以外的其他动词做跨域AJAX，你就不能使用JSONP。如果您需要使用其他动词（例如POST），您有2个选项：

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

不允许使用GET 405方法

1 个答案: