1

我的 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

4

1 回答 1

0

我相信您需要txtFile.send()在分配onreadystatechange财产后致电。看看这个。

此外，notes.txt 必须位于您正在加载的 html 文件的同级位置。即 foo.com/index.html -> 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();
}
于 2013-09-08T22:42:17.800 回答