AngularJS & JsonStub
AngularJS & JsonStub
提问于 2014-10-09 11:31:11
我们目前正在尝试使用JsonStub从AngularJS获取Json数据。我们试着复制JsonStub的示例，但是没有办法让它与我们的像素一起工作。
我们只想从JsonStub中显示{"message":"hello world!"}在AngularJS中。
这是我们的密码，请告诉我我们做错了。
谢谢。
控制器
.controller('warrantyListController', function($scope, $http) {
$http({
url: 'http://jsonstub.com/jobs',
method: 'GET',
dataType: 'json',
data: '',
headers: {
'Content-Type': 'application/json',
'JsonStub-User-Key': 'xxxxx-xxxxx-xxxxx-xxxxx',
'JsonStub-Project-Key': 'xxxxx-xxxxx-xxxxx-xxxxx'
}
})
.success(function (data, status, headers, config) {
alert(JSON.stringify(data, null, 4));
});
})JsonStub
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-10-09 14:36:31
这是一个跨域的请求。打开F12开发工具并查看。
XMLHttpRequest无法加载http://jsonstub.com/jobs。请求的资源上没有“访问-控制-允许-原产地”标题。因此，“http://run.plnkr.co”源是不允许访问的。响应具有HTTP状态代码500。
实际修正
添加以下标题
'Access-Control-Allow-Origin': 'http://jsonstub.com'或者，允许所有人
'Access-Control-Allow-Origin': '*'可能添加到fix中，这取决于的角度版本
以前版本的中有一个已知的问题，但可以通过以下配置更改来解决：
.config(function($httpProvider) {
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26277314
复制相关文章
相似问题
腾讯云开发者
