javascript - 在文本区域中使用公共(public) GitHub raw 的内容

Question

我有一个 html 页面，用户应该在其中以输入形式(下面的 id“url”)输入公共(public) GitHub raw 的 url；然后我想在我页面的文本区域(下面的 id“程序”)中显示 url 指向的页面中的代码。

代码段生成错误“仅 HTTP 支持跨源请求”。据我所知，这是出于安全原因。有人可以建议正确的方法吗？

干杯/JC

function urlButtonClicked(){

    var xhttp = new XMLHttpRequest();
    var theUrl;
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            theUrl = document.getElementById("url").value;
            document.getElementById("program").value = xhttp.responseText;
        }
    };
    xhttp.open("GET", theUrl, true);
    xhttp.send();

}

编辑

没关系。我通过将上面的代码更改为:

function urlButtonClicked(){

    var theUrl = document.getElementById("url").value;
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("program").value = xhttp.responseText;
        }
    };
    xhttp.open("GET", theUrl, true);
    xhttp.send();

}

Answer 1

是的，这是可能的。在笔记中有这个:

fetch('https://api.github.com/repos/webdev23/source_control_sentry/readme')
  .then(v => v.json()).then((function(v){
     //console.log(v)
     out.innerHTML = atob(v['content'])
  })
)

<div id="out"></div>

Cross origin requests are only supported for HTTP.

此错误是 CORS 的限制要求。 Github 允许跨源请求(启用 CORS)，但您的页面必须是 https://。