Javascript 从webapi到angularjs和html的get方法有问题_Javascript_Angularjs_Asp.net Web Api

Javascript 从webapi到angularjs和html的get方法有问题

javascript angularjs asp.net-web-api

Javascript 从webapi到angularjs和html的get方法有问题,javascript,angularjs,asp.net-web-api,Javascript,Angularjs,Asp.net Web Api,我试图用前端HTML和AngularJS开发一个网站。我还有一个在线托管的WebApi。我试图使用angularjs控制器http get方法从WebApi获取JSON格式的数据，并使用ng repeat指令显示数据，但我没有获取数据，从WebApi获取数据时出现了一些问题。WebApi是使用asp.net c#WebApi创建的。网站的代码在这里（它是一个博客网站）- blogController.js： app.controller('blogController', ['$scope','

我试图用前端HTML和AngularJS开发一个网站。我还有一个在线托管的WebApi。我试图使用angularjs控制器http get方法从WebApi获取JSON格式的数据，并使用ng repeat指令显示数据，但我没有获取数据，从WebApi获取数据时出现了一些问题。WebApi是使用asp.net c#WebApi创建的。网站的代码在这里（它是一个博客网站）-

blogController.js：

app.controller('blogController', ['$scope','$http', function ($scope, $http) {
    $http.get('http://www.example.com/api/blog')
      .then(function(res){
        $scope.blog = res.data;
    });
}]);

下面是HTML代码-

Blog.html

<html>
   <head></head>
   <body app="myApp" ng-controller="blogController">
      <div ng-repeat="blg in blog">
         <h2>{{blg.BLOG_TITLE}}</h2><br/><br/><hr/>

         <p>{{blg.BLOG_DESC}}</p><br/>
         <p>{{blg.BLOG_AUTHOR}}</p>
      </div>
   </body>
</html>

问题只发生在上面控制器中的url上。我尝试过使用另一个url，一个来自myjson.com的url，它成功了。但是“”不起作用

请帮助我解决此问题。

添加一个

.catch

块以显示错误：

app.controller('blogController', ['$scope','$http', function ($scope, $http) {
    $http.get('http://www.example.com/api/blog')
      .then(function(res){
        $scope.blog = res.data;
    }).catch(function(response) {
        console.log("ERROR:", response);
    });
}]);

然后在开发人员控制台的网络选项卡中检查响应。

添加一个

.catch

块以显示错误：

app.controller('blogController', ['$scope','$http', function ($scope, $http) {
    $http.get('http://www.example.com/api/blog')
      .then(function(res){
        $scope.blog = res.data;
    }).catch(function(response) {
        console.log("ERROR:", response);
    });
}]);

然后检查开发人员控制台的网络选项卡中的响应。

URL是否确实返回数据？如果在浏览器中键入URL，它是否返回预期的JSON？请使用开发人员控制台中的“网络”选项卡检查请求和响应。这可能是CORS问题。“不工作”不是一个明确的问题描述。错误消息到底是什么？检查网络选项卡，单击可能为红色的特定请求并查看错误消息。这是调试/疑难解答的一部分URL是否确实返回数据？如果在浏览器中键入URL，它是否返回预期的JSON？请使用开发人员控制台中的“网络”选项卡检查请求和响应。这可能是CORS问题。“不工作”不是一个明确的问题描述。错误消息到底是什么？检查网络选项卡，单击可能为红色的特定请求并查看错误消息。这是调试/故障排除的一部分