我正在尝试在我的应用中显示WordPress帐户的帖子,因为Access-Allow-Control-Origin
我遇到了麻烦,我收到了此错误
我使用Firebase作为后端
XMLHttpRequest无法加载http://www.EXAMPLE-DOMAIN.com/api/v2/users/sign_in。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许原点“http://localhost:8100”访问。
好的,有人要求我使用jsonp
代替get
,现在我正在使用jsonp
并且错误已经消失,但我无法在我的应用中看到帖子,在这里,我有this JSBin或this Plunker,以防你想看看。
这是我的代码
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tabs', {
url: "/tabs",
abstract: true,
templateUrl: "tabs.html"
})
.state('tabs.news', {
url: "/news",
views: {
'tab-news': {
templateUrl: "tab-news.html",
controller: 'NewsCtrl'
}
}
})
$urlRouterProvider.otherwise("/tabs/news");
})
.controller('NewsCtrl', function($scope,
FreshlyPressed) {
$scope.posts = [];
$scope.doRefresh = function() {
$scope.posts = FreshlyPressed.getBlogs($scope);
$scope.$broadcast('scroll.refreshComplete');
}
$scope.doRefresh();
})
.service('FreshlyPressed', function($http) {
return {
getBlogs: function($scope) {
$http.jsonp('http://urbanetradio.com/wp-json/posts?callback=JSON_CALLBACK')
.success(function(result) {
console.log(result);
$scope.posts = result;
});
}
}
})
这里是HTML
<script id="tab-news.html" type="text/ng-template">
<ion-view>
<ion-content>
<div ng-repeat="post in posts">
<a ng-href="#/tabs/news/{{post.ID}}">
<h2 ng-bind-html="post.title"></h2>
<p>{{post.date | date}}</p>
</a>
</div>
</ion-content>
</ion-view>
</script>