时间戳

首页 > 解决方案 > 如何对我的 Github 存储库中的 JSON 文件进行 AJAX 调用

ajax - 如何对我的 Github 存储库中的 JSON 文件进行 AJAX 调用

问题描述

我编写了这个简单的 javascript 代码来在我的 github 存储库上执行 get 请求

var url='https://github.com/mypath/AjaxPractice/myFile.json';
myBtn.addEventListener('click', function(){
  let XHR = new XMLHttpRequest();
  XHR.open('GET', url, true)
  XHR.setRequestHeader('Access-Control-Allow-Origin','*');
  XHR.onload = function() {
        if (this.status === 200)  {
            console.log(JSON.parse(this.responseText));
        }
    }
    XHR.send();
});

但是我收到此错误消息：

跨域请求被阻止：同源策略不允许读取https://github.com 上的远程资源...（原因：缺少 CORS 标头“Access-Control-Allow-Origin”）。

这里缺少什么？

标签： ajaxgithub

解决方案

这就是我设法做到的方式：

  1. 转到您的 github 存储库并单击设置
  2. 向下滚动到显示源的位置并将其从无更改为主分支。

注意：我使用的示例不需要 XHR.setRequestHeader('Access-Control-Allow-Origin','*');

推荐阅读