javascript - 通过 HTTP 请求返回文本文件作为数组 javascript

Question

我在开发网站时遇到了障碍。我需要它在同一目录中提取文本文件并将每一行作为数组返回。

所以我进行了研究，想出了一个看起来很简单的函数。但是当我警告(theArray)时；它返回为未定义。我做错了什么？

function pullText(x)
{
  var fullText = [];
  fileReturn=new XMLHttpRequest();
  fileReturn.onreadystatechange=function()
  {
    if (fileReturn.readyState==4 && fileReturn.status==200)
    {
      entireTextFile = fileReturn.responseText;
      // alert(entireTextFile); works as expected here
      lines = fileReturn.responseText.split("\n");
      // alert(lines); works as expected here
      fullText = lines;
    }
  }
  // alert(fullText); does not work.
  fileReturn.open("GET",x,true);
  fileReturn.send();
  return fullText;
}

Answer 1

它不会那样工作，因为 AJAX 是 A 同步的。您应该传递一个回调处理程序，并在文档准备好后调用它。

function pullText(x, callback)
{
//      var fullText = []; not necessary
  fileReturn=new XMLHttpRequest();
  fileReturn.onreadystatechange=function()
  {
    if (fileReturn.readyState==4 && fileReturn.status==200)
    {
      entireTextFile = fileReturn.responseText;
      // alert(entireTextFile); works as expected here
      lines = fileReturn.responseText.split("\n");
      // alert(lines); works as expected here
      callback(lines);
    }
  }
  // alert(fullText); does not work.
  fileReturn.open("GET",x,true);
  fileReturn.send();
}

pullText(whatever, function(lines) {
    // use lines here
});