javascript - 打开 json 文件时出错

Question

晚上好!我正在学习 angular.js，目前我正在尝试访问 json 文件以从服务器加载一些数据，但是，不幸的是， $http - 方法给出了错误。请？帮我找出错误。

发送查询的 Controller 代码:

(function(){
var app =angular.module('SCBI', []) ;
app.controller('TeachersController', function TeachersController ($scope, $http){

$http({method: 'GET', url: 'http://patutinskiy.esy.es/javascripts/json/all_teachers.json'}).
         success(function(data, status, headers, config) {
            $scope.teachers=data;
        }).
        error(function(data, status, headers, config) {
            alert(status);

});
});
})(); 

Json 文件正常(在解析器中检查)。谢谢!

Answer 1

看来http://patutinskiy.esy.es/服务器不允许跨源请求。如果在运行上面的脚本时启用 javascript 调试，它将抛出以下错误:

XMLHttpRequest cannot load http://patutinskiy.esy.es/javascripts/json/all_teachers.json. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin    
'xxx' is therefore not allowed access. 

如果您有权访问上述服务器，则必须添加 header “Access-Control-Allow-Origin”。阅读以下内容了解更多详细信息:

• How does Access-Control-Allow-Origin header work?
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS