asp.net Web api AJAX状态0

Question

我正在尝试使用asp.net Web API创建基本的REST POST，但是它返回错误状态：0。而且看起来AJAX请求失败

我的控制器：

[HttpPost]
    public myData Post( myData m)
    {
        return m;
    }

我的课：

public class CLData
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int Age { get; set; }
}

我的HTML请求：

    <html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>

<body>
    <script>
        //form encoded data
         var dataType = 'application/x-www-form-urlencoded; charset=utf-8';
         var data = $('form').serialize();

         //JSON data
         var dataType = 'application/json; charset=utf-8';
         var data = {
            FirstName: 'Andrew',
            LastName: 'Lock',
            Age: 31
         }

         console.log('Submitting form...');
         $.ajax({
            type: 'POST',
            url: 'http://localhost:52884/api/contact',
            dataType: 'json',
            contentType: dataType,
            data: data,
            success: function(result) {
                console.log('Data received: ');
                console.log(result);
            },
            error: function(error){
                console.log('Error: ');
                console.log(error);
            }
        });
    </script>
</body>

</html>

我不知道为什么我的控制台日志是：

Submitting form..
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:52884/api/contact. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Error: 
Object with status: 0

有人知道我在做什么错吗？ 我只是想学习Web API，这就是这个示例如此简单的原因。

Answer 1

如果您的应用程序不能同时提供Web视图和API终结点，则需要启用跨域请求。 为此，您需要在WebAPI项目中配置Cors。 您可以在Microsoft参考页上找到详细的操作方法。

但是，要点是要安装nuget pacakge Microsoft.AspNet.WebApi.Cors 。 您可以通过执行Install-Package Microsoft.AspNet.WebApi.Cors 。 从那里，您将更新WebApiConfig Register方法，使其包含config.EnableCors(); 在顶部。

接下来，您将使用[EnableCors]属性装饰控制器类。 从那里，您应该能够发出跨域请求。

asp.net Web api AJAX状态0

问题描述

1 个解决方案

解决方案1
1 2017-10-13 00:46:26

asp.net Web api AJAX状态0

问题描述

1 个解决方案

解决方案1 1 2017-10-13 00:46:26

解决方案1
1 2017-10-13 00:46:26