通过Ajax调用从函数返回值

通过Ajax调用从函数返回值

问题是，

onreadystatechange

直到……等待……状态改变后才会触发。因此，当您

returnstatus;

大部分时间处于状态时，就没有时间设置。您需要做的

returnfalse;

始终是

onreadystatechange

确定您是否要继续进行。如果您这样做，则提交表单。简而言之，采用处理返回值的代码，而是从readystatechange处理程序中运行它。您可以直接执行以下 *** 作：

request.onreadystatechange = function() {    if (request.readyState == 4) {        var resp = parseInt(request.responseText, 10);        switch (resp) {        case 0: document.getElementById('myform').submit(); break;        case 1: alert("The display name has already been taken."); break;        case 2: alert("This student ID has already been registered"); break;        }    }}return false; // always return false initially

或通过将连续性传递给进行异步调用的函数：

function checkUser(success, fail) {    ...    request.onreadystatechange = function() {        if (request.readyState == 4) { var resp = parseInt(request.responseText, 10); switch (resp) { case 0:     success(request.responseText); case 1:     fail("The display name has already been taken.", request.reponseText);     break; case 2:     fail("This student ID has already been registered", request.reponseText);     break; default:     fail("Unrecognized resonse: "+resp, request.reponseText);     break; }        }    }

除此之外，在默认设置之前，

returnfalse;

您可能需要某种指示符，以指示正在发生的事情，例如禁用提交字段，显示加载圆圈等。否则，如果获取时间较长，用户可能会感到困惑。数据。

进一步说明

好吧，所以您的方法不起作用的原因主要是在此行中：

request.onreadystatechange = function() {

这就是说，当

onreadystatechange

AJAX请求的更改时，您定义的匿名函数将运行。此代码不会立即执行。它正在等待事件发生。这是一个异步过程，因此在函数定义的最后，javascript将继续进行，如果状态在到达

returnstatus;

变量时尚未更改，

status

则显然没有时间设置，并且脚本将无法按预期工作。在这种情况下，解决方案是始终执行

returnfalse;

，然后在事件触发时（即服务器以PHP的脚本输出响应），然后可以确定状态并提交表单（如果一切正常）。