JQueryAjax发布到WebAPI返回405方法是不允许的-JQueryAjaxPOSTtoWebAPIreturning405MethodNotAllowed

So I have a jquery ajax request like this:

我有一个jquery ajax请求:

    function createLokiAccount(someurl) {
    var d = {"Jurisdiction":17}

        $.ajax({
                type: "POST",
                url:"http://myserver:111/Api/V1/Customers/CreateCustomer/",
                data: JSON.stringify(d),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(data){alert(data);},
                failure: function(errMsg) {
                    alert(errMsg);
                }
            });
    }

This is hitting my web api which is basically:

我的web api基本上是:

    [HttpPost]
    public CreateCustomer.Response CreateCustomer(CreateCustomer.Request request)
    {
        HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*");
    ...

Which when I call it in Chrome gives me:

当我在Chrome中调用它时，它给了我:

OPTIONS http://myserver:111/Api/V1/Customers/CreateCustomer/ 405 (Method Not Allowed) 
No 'Access-Control-Allow-Origin' header is present on the requested resource.      

When I do the POST request from Fiddler it includes "Access-Control-Allow-Origin: *" in the response header as it should, which would suggest the API is configured correctly, yet the (from Fiddler) the jquery request looks like:

当我做Fiddler的POST请求时，它在响应头中应该包含“Access-Control-Allow-Origin: *”，这表明API配置正确，但是jquery请求(来自Fiddler)看起来是:

OPTIONS http://myserver:111/Api/V1/Customers/CreateCustomer/ HTTP/1.1 Host: myserver:111 Connection: keep-alive Access-Control-Request-Method: POST Origin: http://localhost:6500 User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.116 Safari/537.36 Access-Control-Request-Headers: accept, content-type Accept: / Referer: http://localhost:6500/Home/Replication?interval=1 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8,en-GB;q=0.6,it-IT;q=0.4,it;q=0.2

选项http://myserver:111/Api/V1/Customers/CreateCustomer/ HTTP/1.1 Host: myserver:111 Connection: keep-alive access - control - request - request - request - method: POST Origin: http://localhost:6500用户代理:Mozilla/5.0 (Windows NT 6.1;WOW64) AppleWebKit/537.36 (KHTML，比如Gecko) Chrome/34.0.1847.116 Safari/537.36 access - control - control - request - header: accept, content-type accept:/ Referer: http://localhost:6500/Home/Replication?区间=1接受编码:gzip,deflate,sdch接受语言:en- us,en;q=0.8,en- gb;q=0.6,it;q=0.4,it;q=0.2

So why is my POST request getting turned into an OPTIONS request?

为什么我的POST请求变成了选项请求?

1 个解决方案

"Access-Control-Allow-Origin", "*"

"Access-Control-Allow-Methods", "GET, POST, PUT, DELETE"

"Access-Control-Allow-Headers", "Content-Type, Accept"

protected void Application_BeginRequest(object sender, EventArgs e)
{
    HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
    if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
    {
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
        HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
        HttpContext.Current.Response.End();
    }

}