如何在ajax中返回文本文件值异步？ “同步已被弃用”

Question

我尝试使用ajax Asynchronous，但该值只返回“undefined”。 没有Jquery请!!

function readTextFile(file){
    if(window.XMLHttpRequest) {
        var rawFile = new XMLHttpRequest();
    }else {
        var rawFile = new ActiveXObject("Microsoft.XMLHTTP");
    }

    rawFile.open("GET", file, false);
    rawFile.send(null);

    //alert(rawFile.responseText);
    var textvalue = rawFile.responseText;
    return textvalue;
}


var str = readTextFile(file);

Answer 1

请尝试此解决方案：

function readTextFile(file) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        var textvalue = xhttp.responseText;
    }
  };
  xhttp.open("GET", file, true);
  xhttp.send();
}

Answer 2

您需要使用onreadystatechange事件和回调：

function readTextFile(file, callback){
    if(window.XMLHttpRequest) {
        var rawFile = new XMLHttpRequest();
    }else {
        var rawFile = new ActiveXObject("Microsoft.XMLHTTP");
    }
    rawFile.onreadystatechange = function() {
        if (rawFilereadyState == 4 && rawFile.status === 200) {
           callback(rawFile.responseText);
        }
    }
    rawFile.open("GET", file, false);
    rawFile.send(null);
}


readTextFile(file, function(str) {
  // use the str
});