0

这是我调用 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;
    }
4

1 回答 1

1

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

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