1

我使用 AJAX 请求从数据库中获取数值。AJAX 函数位于另一个应该返回 AJAX 请求值的函数中。但是，由于 AJAX 请求的返回值是 xmlhttp.onreadystatechange 函数内的局部变量，因此它不会更改 return_count 函数的“更高级别” temp_return。我不能让“lower”函数返回值并将其分配给一个变量，因为它已经定义为 xmlhttp.onreadystatechange... 我该如何更改它以便 return_count 函数返回正确的值而不是 42（预定义用于测试目的）？

function return_count(ajax_userid,ajax_date,ajax_KT,ajax_KS)
{
    var temp_return = 42;
    xmlhttp.onreadystatechange =
    function()
    {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            temp_return = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "count.php?userid="+ajax_userid+"&date="+ajax_date+"&KT="+ajax_KT+"&KS="+ajax_KS, true);
    xmlhttp.send();
    return temp_return;
}
4

1 回答 1

1

你可以通过2种方式做到这一点......

给你一个 ajax 回调（推荐）

创建异步回调以继续您的流程；D

function return_count(ajax_userid,ajax_date,ajax_KT,ajax_KS, callback)
{   
    var otherCallback;
    var temp_return = 42;
    xmlhttp.onreadystatechange =
    function()
    {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            temp_return = xmlhttp.responseText;
            if(typeof callback === "function" ) callback(temp_return);
            if(typeof otherCallback === "function" ) otherCallback(temp_return);
        }
    }
    xmlhttp.open("GET", "count.php?userid="+ajax_userid+"&date="+ajax_date+"&KT="+ajax_KT+"&KS="+ajax_KS, true);
    xmlhttp.send();

    return { done: function (callback2){
          otherCallback = callback2;

    } };
}

你可以像下面这样使用...

参数回调

return_count( userid, date, KT, KS, function (count) {

     alert("returned " + count);

});

或管道回调

    return_count( userid, date, KT, KS)
    .done( function (count) {

         alert("returned " + count);

     });

做一个同步的ajax

添加“false”以标记异步...

function return_count(ajax_userid,ajax_date,ajax_KT,ajax_KS)
{
    var temp_return = 42;
    xmlhttp.onreadystatechange =
    function()
    {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            temp_return = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "count.php?userid="+ajax_userid+"&date="+ajax_date+"&KT="+ajax_KT+"&KS="+ajax_KS, false);
    xmlhttp.send();
    return temp_return;
}

但是这种方法会锁定您的 UI，对 UX 不利。

于 2013-08-31T23:07:15.237 回答