servicestack,Javascript,Json,Angularjs,Web Services,servicestack" /> servicestack,Javascript,Json,Angularjs,Web Services,servicestack" />

Javascript 使用AngularJS和ServiceStack webservice获取(';url';)操作

Javascript 使用AngularJS和ServiceStack webservice获取(';url';)操作,javascript,json,angularjs,web-services,servicestack,Javascript,Json,Angularjs,Web Services,servicestack,我对AngularJS非常陌生,我正在尝试从使用ServiceStack快速创建的Web服务中获取JSON中的一些项目。在浏览器中尝试URL时,我可以看到JSON对象,但由于某些原因,AngularJS无法成功获取数据。以下是我的实现: angular.module('SomeApp', []).controller('ItemsFetcher', [ '$http', function($http){ var x = this; x.products= [

我对AngularJS非常陌生,我正在尝试从使用ServiceStack快速创建的Web服务中获取JSON中的一些项目。在浏览器中尝试URL时,我可以看到JSON对象,但由于某些原因,AngularJS无法成功获取数据。以下是我的实现:

angular.module('SomeApp', []).controller('ItemsFetcher', [ '$http', function($http){

      var x = this;

      x.products= [
          {
            Name: 'Missing items',
            Description: 'Could not access server'
          }];

    $http.get('http://localhost:29029/json/reply/GetAllItemsRequest')
    .then(function(data){

      x.products = [
          {
            Name: 'Success',
            Description: 'Great stuff!'
          }];
      });
  }]);
以下是观点:

<html ng-app="SomeApp">
<head>
    <title>My First App</title>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="ItemsFetcher as fetcher">
    <h3>PRODUCTS</h3>
    <div ng-repeat="item in fetcher.products">
        <div>{{item.Name}} - {{item.Description}}</div>
    </div>
</body>

我的第一个应用程序
产品
{{item.Name}-{{item.Description}

正如我所说的,如果我在浏览器中调用,我可以调用JSON对象


我错过什么了吗?你知道为什么这不起作用吗?

如果有人能从中受益,我必须启用CORS(),或者在同一个地方同时托管Web服务和网站

看起来您在“then”承诺中没有引用数据回调。在http调用后控制台输出“数据”,您应该会看到json对象。然后使用该值来设置XI,添加错误处理程序,并且我可以看到错误是“否”访问控制,允许源席在请求的资源上存在。因此,Orthal' NULL '是不允许访问的。据我所知,这意味着我不能向托管在不同域中的服务发出请求。我将尝试在同一个地方托管我的网站和Web服务。