jqXHR - http-status-code-403（但状态代码为0）

Question

我得到状态代码 0 ...但它是代码 403。 有人能告诉我问题是什么吗？

JQUERY

  var jqxhr = $.ajax({
        url: 'http://gdata.youtube.com/feeds/api/users/bernd/favorites?alt=json',
        dataType: 'json'
    }).success(function(xhr) {
        alert(xhr.status);
    }).error(function(xhr) {
        alert(xhr.status);
        return false;
    })

DEMO -> http://jsfiddle.net/QFuBr/

提前致谢！
彼得

Answer 1

服务器向浏览器发出 403 错误，因为您无权访问该资源，因为报告的错误消息（“请求用户的收藏夹不公开。”）。

但是，服务器甚至没有获取 jsFiddle 示例中的请求。

不允许您发出跨浏览器 AJAX 请求。这称为同源策略。这是出于安全原因，防止恶意编码者在您不知情的情况下做出令人不快的事情。这是一种生硬的工具，但却是一种有效的工具。

当您甚至没有向服务器发送请求时，就没有状态代码。 XMLHTTPRequest 对象（及其 jqXHR 包装器）将其报告为 0。

基本上，您无法在浏览器中执行您想要执行的操作。

如果您需要浏览器异步访问这样的数据，则需要在服务器上编写一个包装器以从远程服务器获取信息并将其提供给浏览器。有一个解决方法（称为 JSONP – JSON with Padding）但我不相信 YouTube 支持它。

---

编辑：Per gradbot的答案，可以通过更改代码将 dataType 设置为 jsonp 来执行 JSONP 请求。

但是，您现在无法使用 xhr.status。这是因为 JSONP 不使用 XHR 对象，因此没有可检查的状态。

这是一个使用建议的 feed gradbot 的工作示例。请注意，结果对象被传递给处理程序，而不是 jqXHR 对象。

Answer 2

您需要设置 dataType: "jsonp" 并且需要以您尝试从中获取收藏夹的用户身份登录。在本例中，我使用自己的用户名grabot，并且警报成功返回。

如果您尝试访问的帐户没有有效的 Cookie，则 API 调用将返回 403，内容为“请求用户的收藏夹不公开。”

$(function() {
    var jqxhr = $.ajax({
        url: 'http://gdata.youtube.com/feeds/api/users/gradbot/favorites?alt=json',
        dataType: 'jsonp'
    }).success(function(data, status) {
        alert(status);
    }).error(function(xhr) {
        alert(xhr.status);
    })
});

Answer 3

403 是因为您需要为正在访问视频的用户提供凭据。假设提供了正确的凭据，由于跨域限制，请求仍然会失败。

在大多数情况下，状态代码 0 意味着请求无法发送到服务器。以下是 Chrome 控制台日志为您的小提琴示例显示的内容。

XMLHttpRequest 无法加载 http://gdata.youtube.com /feeds/api/users/bernd/favorites?alt=json。 Access-Control-Allow-Origin 不允许来源 http://fiddle.jshell.net。

事实上，YouTube 所有 Google Data API 均支持JSONP 但要使用它，您必须传递一个值为 的 alt 参数json-in-script 并指定dataType 为 jsonp。 jQuery 将为您提供回调参数。根据经验测试，Youtube 似乎并不关心 alt 参数具体是 json-in-script。只要指定了 callback 参数，alt 参数就可以只采用值 json。

http://gdata.youtube.com/feeds/api/users /gradbot/favorites?alt=json
http://gdata.youtube.com/feeds /api/users/gradbot/favorites?alt=json&callback=foo

这是一个 可公开访问的 feed 的工作示例。

$.ajax({
    url: 'http://gdata.youtube.com/feeds/mobile/videos?alt=json-in-script',
    dataType: 'jsonp',
    success: function(data) {
        // do something with data
    }
});

Answer 4

由于大多数现代浏览器的安全限制，您无法执行跨域请求（无论是 GET 还是 POST）。

如果您仍然想从其他域获取数据，请考虑使用您安装在服务器上并通过其发送所有请求的反向代理。对于浏览器来说，数据看起来仍然来自同一域。

最流行的方法之一是 Apache 中的 mod_reverse，但根据您的服务器环境，还有其他替代方案。

如果 Google API 支持，另一种选择是使用 JSONP。