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请求完成后，你的回调被调用，字设置为结果为时已晚，你的关心。