从 Javascript 函数返回一个值

Question

我使用以下代码来显示函数 test2 返回的值。

输出显示为：x 的值是：未定义

任何人都可以帮我解释如何从函数 test2 返回值吗？请注意，函数 test2 是 XMLHTTPRequest

<script language="javascript">

    function test1()
    {
        var x = test2();
        alert('Value of x is: '+x);
    }

    function test2()
    {
        if(window.XMLHttpRequest)
        {
            abcd= new XMLHttpRequest();
        }
        else
        {
            abcd=new ActiveXObject("Microsoft.XMLHTTP");
        }

        abcd.onreadystatechange=function()
        {
            if (abcd.readyState==4 && abcd.status==200)
            {
                    return abcd.responseText; // it is getting value 2 here
            }
            else if(abcd.readyState < 4)
            {
                return -1;
            }
        }
        abcd.open("GET",sam.php,true);
        abcd.send();
    }

</script>

Answer 1

听起来您希望 XML HTTP 请求的值是 test2 的返回值。这是不可能的，因为此 XML HTTP 请求是异步执行的，而 test2 是同步执行的。

处理此问题的正确方法是将回调传递给 test2 以在请求完成时执行。向回调提供从 XML HTTP 请求返回的值。例如

function test1() {
  test2(function (x) {
    alert('The value of x is ' + x);
  });
}

function test2(callback) {
  ...
  abcd.onreadystatechange=function() {
    if (abcd.readyState==4 && abcd.status==200) {
      callback(abcd.responseText);
    } else {
      callback(-1);
    }
  }
  ...
}

Answer 2

函数test2立即返回（值undefined）。在尝试从中获取任何数据之前，您需要等待 AJAX 调用返回。这是 AJAX 的 (A) 同步部分。

abcd.onreadystatechange=function()
{
    if (abcd.readyState==4 && abcd.status==200)
    {
        // Put the code that deals with the returned value here...
    }
    else if(abcd.readyState < 4)
    {
        return -1;
    }
}

Answer 3

正如预期的那样，函数 test1 调用 test2，从而生成 XMLHttpRequest。但这里的问题是你的时机。 onreadystatechange仅在状态改变时被调用。当状态改变时，函数 test2 已经退出并且没有返回值。

相反，您的警报应该发生在您当前返回 abcd.responseText 的位置。

Answer 4

函数 test2 不返回任何内容，而是返回您分配给 onreadystate Change 的回调。您应该从此回调中调用 test1 并将 x 的值传递给它，如下所示：

function test1(x)
{
    alert("X is: " + x);
}

function test2()
{
    // ...
    abcd.onreadystatechange=function()
    {
        var x = -1;
        if (abcd.readyState==4 && abcd.status==200)
        {
                x = abcd.responseText; // it is getting value 2 here
        }
        test1(x); // call test1 and pass in x
    }
    / ...
}

Answer 5

你不能那样做，你的ajax请求是异步的。因此，当您执行 test2() 时，您不会获得任何值。

请注意，定义 onreadystate 函数时，它会从服务器获取各种响应，这就是为什么您要验证 readystate 4 和 statuscode 200，您将多次进入该函数。当服务器完成时，如果一切顺利，它会返回这些代码。

你应该这样做：

<script language="javascript">

    function test1()
    {
        var x = test2();       
    }

    function test2()
    {
        if(window.XMLHttpRequest)
        {
            abcd= new XMLHttpRequest();
        }
        else
        {
            abcd=new ActiveXObject("Microsoft.XMLHTTP");
        }

        abcd.onreadystatechange= test2Result;
        abcd.open("GET",sam.php,true);
        abcd.send();
    }

    function test2Result()
    {
            if (abcd.readyState==4)
            {
                 if(abcd.status==200)
                 {
                    alert(abcd.responseText); // it is getting value 2 here
                 }
                 else 
                 {
                    alert('Something failed');
                 }
            } 

    }

</script>