xml onreadystatechange问​​题

Question

我正试图用XMLHttpRequest解决问题，但我遇到了一个问题：

function x(url, callback) { //edited

    xmlHttp.onreadystatechange = function() {
        if ( xmlHttp.readyState == 4 && xmlHttp.status == 200 ) {
            callback(xmlHttp.responseText;) //edited
        } else {
            document.getElementById('content').innerHTML = '<div class="error">Ups, an error ocurred! Server response: <span>'+xmlHttp.responseText+'</span></div>';
        }
    }
    xmlHttp.open('GET', url, true);
    xmlHttp.send(null);
}

function y()
{
    var url = base_url + '?asa=test';
    x(url, function (response) { //edited
       console.log(response);
    });
}

但我的问题是if readyState == 4。 console.log的输出始终未定义且永远不会输入if，仅输入else，因为第一次执行if时，readyState具有价值1。

所以，任何解决这个问题的方法，因为它让我发疯，我已经尝试了我现在能想到的一切。

更新

代码的格式，这是我上次尝试的原因，因为在我将它分开之前，我试图解决的变量和各种事情

Btw，console.log(xmlHttp.readyState)内部onreadystatechange的功能，将逐个输出：1,2,3和4

Answer 1

正如bergi所说，请求是异步的。这意味着x立即返回，xmlHttp.onreadystatechange被称为稍后。如果您需要对y内的响应做一些事情，请将其作为回调传递，以便x可以在时机成功时调用它：

function x( callback )
{
    if( pseudocode: request is ok )
    {
        callback( response );
    }
}

function y()
{
    x( url, function( response )
    {
        // do something with the response.
    } );
}

<强>更新

使用readyState 1,2和3在4之前调用xmlHttp.onreadystatechange。

if( state === 4 )
{
    if( statuscode === 200 )
    {
        // success
    }
    else
    {
        // failure
    }
}
/*else
{
    ignore states 1, 2 and 3
}*/