Question

我的HTML文件中的代码：

<!doctype html>
<head>
<title>Notes</title>
<script>
function PullNotes() {
var txtFile = new XMLHttpRequest();
txtFile.open("GET", "notes.txt", true);
txtFile.onreadystatechange = function() {
    if (txtFile.readyState === 4 || txtFile.status == 200) {
        allText = txtFile.responseText;
    }

    document.getElementById('notetext').innerHTML = allText;
}
}
</script>
</head>

<body>
<div id="notetext"><p>Failed.</p></div>
<input type="button" value="Pull Notes" onClick="PullNotes()">
</body>
</html>

单击按钮时。什么都没发生。

如果你想知道为什么它说“失败”，那么我知道JavaScript没有更新。

谢谢，〜BN

Answer 1

我认为您需要在分配txtFile.send()属性后致电onreadystatechange。检查this。

此外，notes.txt必须位于您正在加载的html文件的兄弟位置。即foo.com/index.html - ＆gt; foo.com/notes.txt

您的代码变为：

function PullNotes() {
    var txtFile = new XMLHttpRequest();
    txtFile.open("GET", "notes.txt", true);
    txtFile.onreadystatechange = function() {
        if (txtFile.readyState === 4 || txtFile.status == 200) {
            allText = txtFile.responseText;
        }

        document.getElementById('notetext').innerHTML = allText;
    }; // end onreadystatchange prop
    // send the request
    txtFile.send();
}

从文本文件中提取内容不能正常工作

1 个答案: