Javascript 从 url 打开 txt 并输出为 HTML

Question

尝试让此代码在 Chrome 应用程序中运行，但没有显示任何结果。我只想将外部 HTML 代码通过管道传输到网页中。

document.getElementById("Text").innerHTML = readTextFile("https://dl.dropboxusercontent.com/s/ha5x038iurobx6x/Message.txt");

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, true);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
            }
        }
    }
    rawFile.send();
    return rawFile.responseText;
}

Answer 1

XMLHttpRequest.send()方法是异步的。因此，只有在获取结果时才会调用 onreadystatechange 回调。

立即执行来自 readTextFile 函数的 return 语句(返回 null 或空)，同时仍在获取请求。

我更改了您的代码以演示它应该如何工作(建议):

function setText(allText) {
    document.getElementById("Text").innerHTML = allText;
}

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, true);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                setText(allText);
            }
        }
    }
    rawFile.send();
}

readTextFile("https://dl.dropboxusercontent.com/s/ha5x038iurobx6x/Message.txt");

工作 fiddle :https://jsfiddle.net/mrlew/q26xhqub/