对预检请求的响应未通过访问控制检查：所请求的资源上不存在“ Access-Control-Allow-Origin”标头

Question

我有一个CORS Web API控制器，如下所示

[EnableCors(origins: "*", headers: "*", methods: "*")]
    public class AddNewLocationController : ApiController
    {
        public String Post(String param1, String param2)
        {
            return "Param1: " + param1 + ", Param2: " + param2;
        }
    }

我想使用Ajax将数据传递到此控制器。 当我在url中添加参数时，命令成功执行：

        $.ajax({
        url: 'http://localhost:21626/api/AddNewLocation?param1=test1&param2=chriwil'**,
        dataType: "json",
        type: "POST",
        contentType: 'application/json; charset=utf-8',
        async: true,
        processData: false,
        cache: false,
        success: function (data) {
            console.log(data);
        },
        error: function (xhr) {
            console.log(xhr);
        }
    });

当我尝试使用ajax调用的data属性传递数据时，出现错误“对预检请求的响应未通过访问控制检查： 所请求的资源上没有'Access-Control-Allow-Origin'标头” 。

        $.ajax({
        url: 'http://localhost:21626/api/AddNewLocation',
        dataType: "json",
        type: "POST",
        data: {param1: "param1", param2: "param2chriwil"},
        contentType: 'application/json; charset=utf-8',
        async: true,
        processData: false,
        cache: false,
        success: function (data) {
            console.log(data);
        },
        error: function (xhr) {
            console.log(xhr);
        }
    });

Answer 1

您没有序列化数据。 第二个电话应该是

data: JSON.stringify({param1: "param1", param2: "param2chriwil"}),

请参阅： jQuery ajax，如何发送JSON而不是QueryString

编辑

另外，如果您指定方法签名，如Post(String param1, String param2) ，引擎将认为param1和param2将通过查询字符串来-因此，难怪您的第二次调用失败（您没有在url中指定param1和param2 ） ）; 如果您想通过json发送参数，请使用以下签名：

public class Model
{
    public string param1 { get; set; }
    public string param2 { get; set; }
}

public String Post(Model model)
{
    return "Param1: " + model.param1 + ", Param2: " + Model.param2;
}    

Answer 2

在global.asax.cs向预检响应添加Access-Control-Allow-Origin标头对我global.asax.cs 。 请参考https://stackoverflow.com/a/46046766/2847061