AJAX / Javascript - 将txt文件的内容传递给Javascript变量

Question

我正在尝试将txt文件中的单词列表读入Javascript变量，以便稍后在我的脚本中使用。 但是，我无法将变量传递给onreadystatechange函数。 我缺少一些简单的步骤吗？

资源：

var xmlhttp;
var list = new Array();
var word;

if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest();
else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        list = xmlhttp.responseText.split("\n");
        document.getElementById("testfield").innerHTML = list[0]; //This works
        word = list[0];
    }
}

xmlhttp.open("GET","wordlist.txt",true);
xmlhttp.send();

document.getElementById("testfield").innerHTML = word; //This doesn't work

Answer 1

问题是这段代码

document.getElementById("testfield").innerHTML = word; //This doesn't work

正在xhr回调之前运行。 结果，单词undefined

这个xmlhttp.send(); 发送你的ajax请求，然后立即返回。 然后你的代码继续进行

document.getElementById("testfield").innerHTML = word;

如果单词仍未undefined ，那么，一段时间后，您的ajax请求完成，您的回调被调用，并且单词设置为结果太晚，您无需关心。