javascript - Angularjs http.get 失败(但我看到数据已返回)

Question

我正在浏览 Angularjs 电话教程，并希望从远程服务器获取电话 JSON。

$http.get('http://myserver.com/phones.json').success(function(data) {
    $scope.phones = data;
});

由于 CORS 而失败，我发送的是 OPTIONS 而不是 GET 请求，所以我将第一行添加到 Controller

delete $http.defaults.headers.common['X-Requested-With'];    

我现在可以在 Charles 中看到正在向 myserver.com 发出 GET 而不是 OPTIONS 请求，并且电话 JSON 在响应中。但是 http.get 仍然失败，状态为 0，“数据”为空。

不确定接下来要尝试什么。任何见解表示赞赏。

Answer 1

它不应该为 GET 发出 OPTIONS 请求，所以听起来不错。我想你想要做的是:

$http.get('http://myserver.com/phones.json').then(function(data) {
  $scope.phones = data;
}, function(err) { alert('Oh no! An error!'});

我想你想使用 then()，它接受两个函数作为参数——第一个表示成功，第二个表示错误。 $http.get() 返回由 then() 执行的 promise 。

此外，您可能想使用 $resource 而不是 $http。它提供了更高级别的抽象，并允许更可重用的样式，http://docs.angularjs.org/api/ngResource .$资源

编辑:

检查 Angular 调试工具 here .它向您展示范围内可用的内容，并显示性能数据。