时间戳

首页 > 解决方案 > Javascript：使用没有 jquery 的 ajax 从 url 获取文件

javascript - Javascript：使用没有 jquery 的 ajax 从 url 获取文件

问题描述

我很沮丧。我正在尝试从 2 天开始绕过 CORS 策略错误。有人请帮忙，我将不胜感激。

这是我的代码：

var data = null;

fetchBtn.addEventListener('click',getData);

function getData() {

    let xhr = new XMLHttpRequest();
    xhr.open('GET','https://github.com/MeetCoding/MyFirstRepo/blob/main/sample.txt',true);
    xhr.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
    xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
    xhr.onload = () => {
      data = xhr.response;
    }
    xhr.send(null);
}

我在提到的 url ( https://github.com/MeetCoding/MyFirstRepo/blob/main/sample.txt )有一个 smaple.txt 文件，我想访问它。虽然我提到了允许 Access-Control-Allow-Origin 的标题，但我得到了相同的旧 CORS 策略错误：

Access to XMLHttpRequest at 'https://github.com/MeetCoding/MyFirstRepo/blob/main/sample.txt' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

为什么，请帮忙。我不知道 jQuery，所以请推荐一个 vanilla js 解决方案。

标签： javascriptajax

解决方案

推荐阅读