Web API在本地运行,在发布时会抛出JSON错误

时间:2016-05-10 14:33:00

标签: angularjs json

我创建了一个Web API,它使用AngularJS返回数据,当在本地运行时,数据显示在我的网页中。然后我将本地Web API发布到我的Web主机并将我的AngularJS代码指向Web主机,但随后我收到错误:“SyntaxError:JSON.parse:JSON数据的第1行第1行意外的数据结束”。下面是我的AngularJS代码。我可以更改网站主机上的哪些设置以使其正常工作?

您可以在http://stevegaines.info/api/Exams?id=1&extra=0

测试Web API

    var oApp = angular.module("myApp", []);

    oApp.controller("certificationsCtrl", function ($scope, $http)
    {
        $scope.Exams = {};
        $scope.ShowExams = function (certificationID)
        {
            var url = "http://stevegaines.info/api/Exams?id=" + certificationID + "&extra=0";
            //var url = "http://localhost:49861/api/Exams?id=" + certificationID + "&extra=0";
            $http({
                method: "GET",
                url: url,
                headers: { "Accept": "application/json" }
            }).then(function mySuccess(response)
            {
                alert("response.data = " + response.data);
                $scope.Exams = response.data;
            }, function myError(response)
            {
                alert("error response.statusText = " + response.statusText);
            });
        }
    });

1 个答案:

答案 0 :(得分:1)

问题是CORS - 跨域资源共享。换句话说,呼叫来自不同的域,为此我需要启用CORS。