html JavaScript获取txt文件信息不工作,无错误

umuewwlo  于 2022-11-20  发布在  Java
关注(0)|答案(1)|浏览(115)

我使用下面的代码将文本文件中的所有内容存储到JavaScript var中,然后将其存储到html id中并显示出来。

var client = new XMLHttpRequest();
client.open('GET', '/old.txt');
client.onreadystatechange = function() {
  alert(client.responseText);
}
client.send();
window.onload = function(){
    var lengthOfName = client.length

    document.getElementById('output').innerHTML = lengthOfName;
};

但是outputid在HTML中将不显示任何内容。
有人能帮我吗?

toiithl6

toiithl61#

window.onload不会等待 AJAX 完成。您应该将AJAX代码放在onload函数中,并在onreadystatechange函数中为innerHTML赋值。
同样,client.length没有意义。client是XHR对象,不是数组或字符串,它没有长度。我认为你需要client.responseText.length

window.onload = function() {
  var client = new XMLHttpRequest();
  client.open('GET', '/old.txt');
  client.onreadystatechange = function() {
    alert(client.responseText);
    var lengthOfName = client.responseText.length

    document.getElementById('output').innerHTML = lengthOfName;
  }
  client.send();
};

相关问题