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

This question already has answers here:

How do I return the response from an asynchronous call?

(42个答案)


已关闭6年。




对XMLHttpRequest不太熟悉，但是我正在使用Google 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一样，这也是异步的。下面的代码在结束之前不会挂起1亿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
}

关于javascript - 将XMLHttpRequest.responseText存储到变量中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19213639/