使用Javascript获取远程文本文件而不使用Jquery[重复]

Question

我做了很多代码尝试，但没有成功。以下是最后一个版本：

var url = 'https://url.com/videosList.txt';

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = process;
xhr.open("GET", url, true);
xhr.send();

function process()
{
  if (xhr.readyState == 4) {
    console.log(xhr.responseText);
  }
}

代码似乎没问题，但我的浏览器（chromium）返回给我：

> XMLHttpRequest cannot load
> https://url.com/videosList.txt. Origin
> http://localhost:8888 is not allowed by Access-Control-Allow-Origin.

Answer 1

在默认安全设置下不允许跨站点脚本。如果请求的URL位于页面来自的同一个域中，代码就可以工作。

如果您控制了远程服务器，则可以在响应中添加一个标头：

Access-Control-Allow-Origin: *

但是XMLHttpRequest是（或过去是）不同的，在不同的浏览器（主要是IE）之间是不同的。因此，这意味着您需要一个“库垫片”，以统一您的代码跨越不一致…如果可能的话，我会坚持使用jQuery：）