小编典典
问题是,onreadystatechange直到……等待……状态改变后才会触发。因此,当您return
status;大部分时间处于状态时,就没有时间设置。您需要做的return
false;始终是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;
}
}
}
除此之外,在默认设置之前,return
false;您可能需要某种指示符,以指示正在发生的事情,例如禁用提交字段,显示加载圆圈等。否则,如果获取时间较长,用户可能会感到困惑。数据。
进一步说明
好吧,所以您的方法不起作用的原因主要是在此行中:
request.onreadystatechange = function() {
这就是说,当onreadystatechangeAJAX请求的更改时,您定义的匿名函数将运行。此代码不会立即执行。它正在等待事件发生。这是一个异步过程,因此在函数定义的最后,javascript将继续进行,如果状态在到达returnstatus;变量时尚未更改,status则显然没有时间设置,并且脚本将无法按预期工作。在这种情况下,解决方案是始终执行returnfalse;,然后在事件触发时(即服务器以PHP的脚本输出响应),然后可以确定状态并提交表单(如果一切正常)。
2020-07-26