javascript - Angular 简单 JSON 请求

Question

这可能会让我看起来像一个完全的初学者，而当谈到 Angular 时，我就是这样，但这是我的问题:

我正在尝试向 .JSON api 发出简单请求，但我只是不断收到错误状态代码 0。

var dataUrl = 'http://www.reddit.com/r/pics/comments/1ua1nb/.json?limit=2';

$http({method: 'GET', url: dataUrl}).
    success(function(data, status, headers, config)
    {
        window.alert('success:' + status);
    }).
    error(function(data, status, headers, config) {
        window.alert('error:' + status);
    });

更新:

我通过浏览器检查了 javascript 控制台并收到了这些错误消息:

event.returnValue 已弃用。请改用标准的 event.preventDefault() 。无法加载资源:服务器响应状态为 501(未实现)http://www.reddit.com/r/pics/comments/1ua1nb/.json?limit=2无法加载资源:请求的资源上不存在“Access-Control-Allow-Origin” header 。起源...因此不允许访问。 http://www.reddit.com/r/pics/comments/1ua1nb/.json?limit=2XMLHttpRequest 无法加载http://www.reddit.com/r/pics/comments/1ua1nb/.json?limit=2 。请求的资源上不存在“Access-Control-Allow-Origin” header 。 Origin ...因此不允许访问。

Answer 1

您正在尝试执行跨域请求。浏览器禁止这样做(它只允许您向与最初加载页面相同的域发出请求)。这并不是特定于 Angular，而是一般的 Ajax 请求。

您可以在这里阅读:

http://en.wikipedia.org/wiki/Same-origin_policy

有多种方法可以解决这个问题，例如 JSONP 和 CORS。两者都需要服务器端支持。您必须查看您正在调用的服务以了解它可能支持哪些服务。

您可以在此处阅读有关如何执行 JSONP 请求的信息:

http://docs.angularjs.org/api/ng .$http