javascript – 将XMLHttpRequest.responseText存储到变量中

参见英文答案 > How do I return the response from an asynchronous call?                                    33个
不熟悉XMLHttpRequests,但我在谷歌Chrome扩展程序中使用跨源功能.这很好用(我可以确认我得到了我需要的相应数据),但我似乎无法将其存储在’response’变量中.

我很感激任何帮助.

function getSource() {
    var response;
    var xmlhttp;

    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
             response = xmlhttp.responseText;
                 //IM CORRECTLY SET HERE
        }
        //I'M ALSO STILL WELL SET HERE
    }
    //ALL OF A SUDDEN I'M UNDEFINED.

    xmlhttp.open("GET","http://www.google.com",true);
    xmlhttp.send();

    return response; 
}

解决方法:

onreadystatechange函数是异步的,即在函数完成之前不会阻止以后的代码运行.

出于这个原因,你完全以错误的方式解决这个问题.通常在异步代码中,可以在onreadystatechange事件触发时准确调用回调,以便您知道当时能够检索响应文本.例如,这将是异步回调的情况：

function getSource(callback) {
    var response, xmlhttp;

    xmlhttp = new XMLHttpRequest;
    xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState === 4 && xmlhttp.status === 200 && callback) callback(xmlhttp.responseText);
    }

    xmlhttp.open("GET", "http://www.google.com", true);
    xmlhttp.send();
}

可以把它想象成使用setTimeout,它也是异步的.以下代码在结束前不会挂起100 000 000 000秒,而是立即结束,然后等待计时器启动以运行该功能.但到那时,赋值是无用的,因为它不是全局的,并且在赋值的范围内没有其他内容.

function test()
{   var a;
    setTimeout(function () { a = 1; }, 100000000000000000); //high number for example only
    return a; // undefined, the function has completed, but the setTimeout has not run yet
    a = 1; // it's like doing this after return, has no effect
}