如何使用 JQuery 读取远程文件（并获得 jqXHR 可读错误）

Question

我正在尝试读取远程文件；我正在使用the example on the jquery.get() documentation page：

    var jqxhr = $.get( 'http://stackoverflow.com/feeds/question/10943544', function() {
                       alert( 'success' );
                       })
    .done(function() {
                  alert( 'second success' );
                  })
    .fail(function(jqXHR, textStatus, errorThrown) {
                  // alert( 'error' );
                  console.log('Error: (' + errorThrown + ')');
    })
    .always(function() {
    alert( 'finished' );
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

但它只会触发“失败”和“总是”，我想了解原因；我的问题是：如何获得可读错误？目前，console.log("Error: (" + errorThrown + ')'); 只产生Error: ()。

额外问题：为什么会失败？如何使用 JS/JQuery 读取远程 (RSS) 文件？

Answer 1

您的问题是 Same Origin Policy 之一，它出现在大多数 AJAX 请求中，并作为安全措施实施。如果您查看jqXHR()，您可以看到readyState 是0，表明这一点。请注意，当请求失败时，readyState 将始终为 0，无论是出于策略限制还是格式错误的请求。 error 消息为空白，因为限制阻止错误消息本身触发。

var jqxhr = $.get("http://stackoverflow.com/feeds/question/10943544", function(res) {
    alert("success");
  })
  .done(function() {
    alert("second success");
  })
  .fail(function(jqXHR, textStatus, errorThrown) {
    // alert( "error" );
    console.log("Error: (" + errorThrown + ')');
  })
  .always(function(jqXHR) {
    console.log(jqXHR);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

为了解决这个问题，有一些插件列在this answer 中。它还指出：

解决这个问题最好的办法，就是在后端创建自己的代理，让你的代理指向其他域的服务，因为在后端不存在同源策略限制。

但是，假设你不能这样做，最简单的方法是使用 CORS Anywhere proxy，如下面的 sn-p 所示（注意结果需要一段时间过来）：

$.ajaxPrefilter(function(options) {
  if (options.crossDomain && jQuery.support.cors) {
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
    //options.url = "http://cors.corsproxy.io/url=" + options.url;
  }
});

$.get(
  'http://stackoverflow.com/feeds/question/10943544',
  function(response) {
    console.log("> ", response);
    $("#viewer").html(response);
  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

希望这会有所帮助！ :)