如何使用AJAX请求干净地获取文本文件

Question

请参见下面的代码。 发送请求并返回确定后，在reqListener()函数中，我获得了文本文件输出的内容。

但是，当我稍后尝试返回响应变量时，它仍然是未定义的，就好像尚未调用reqListener() 。 这可能是由于async=true参数引起的吗？

此外，是否有更巧妙的方法可以使请求成功（例如使用闭包）从功能中获取响应文本？

function load_text_file()
{
    function reqListener() {
        if (this.readyState == 4 && this.status == 200)
        {
                response = this.responseText;
                console.log(response);
        }
    }

    var response;
    var oReq = new XMLHttpRequest();
    oReq.onreadystatechange = reqListener;
    oReq.open("get", "file.txt", true);
    oReq.send();
    return response;
}

var TEXT = load_text_file();
console.log(TEXT);

Answer 1

该请求将需要一些时间才能完成。 您最好提供一个在文件加载后触发的回调：

function load_text_file(callback)
{

    function reqListener() {

        if (this.readyState == 4 && this.status == 200)
        {
                console.log(response);
                callback(this.responseText);

        }
    }


    var oReq = new XMLHttpRequest();
    oReq.onreadystatechange = reqListener;
    oReq.open("get", "file.txt", true);
    oReq.send();
}

load_text_file(function(){
    console.log(TEXT);
});