Javascript 使用AngularJS和ServiceStack webservice获取(';url';)操作
我对AngularJS非常陌生,我正在尝试从使用ServiceStack快速创建的Web服务中获取JSON中的一些项目。在浏览器中尝试URL时,我可以看到JSON对象,但由于某些原因,AngularJS无法成功获取数据。以下是我的实现: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= [
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服务。