javascript - 无法通过 AJAX 在 Chrome 中获取文件

Question

我正在用 vanilla js 学习 AJAX。我通过以下代码发出了一个获取请求(AJAX)。

document.addEventListener('DOMContentLoaded', () => {
console.log('ready!');
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
    if (xhr.readyState === 4)
        document.getElementById('file-data').innerText = xhr.responseText;
    xhr.send();
}
xhr.open('GET', 'file:///E:ada/kk.js', true);
});

这在 Firefox 中完美运行，但在 Chrome 中我收到以下错误:-

kk.js:7 Failed to load file:///E:/ada/kk.js: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

xhr.onreadystatechange @ kk.js:7

kk.js:7 Uncaught DOMException: Failed to execute 'send' on 'XMLHttpRequest': The object's state must be OPENED.
at XMLHttpRequest.xhr.onreadystatechange (file:///E:/ada/kk.js:7:9)
at XMLHttpRequest.xhr.onreadystatechange (file:///E:/ada/kk.js:7:9)
at HTMLDocument.document.addEventListener (file:///E:/ada/kk.js:9:5)

Answer 1

这是因为您正在从本地计算机加载文件，并且由于它不是 http 调用，因此您会收到 cors 错误消息

您应该将文件托管在某个网址中，例如http://example.com/path/to/file 或在本地服务器中提供服务