Question

我刚写了一个基本的用户登录系统，其中html页面使用javascript将ajax请求发送到通过数据库访问的servlet。 这是js代码

var res;
function getXMLObject()
{
   var xmlHttp = false;
   try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       xmlHttp = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
     xmlHttp = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return xmlHttp;  // Mandatory Statement returning the ajax object created
}

var xmlhttp = new getXMLObject();   //xmlhttp holds the ajax object


function handleServerResponse() {
   if (xmlhttp.readyState == 4) {        
               res=xmlhttp.responseText;
   }
     else {
                    return false;
        alert("Error during AJAX call. Please try again");
     }

}

function ajaxFunction() {
        var veid=document.getElementById("eid").value;
        var vpwd=document.getElementById("pwd").value;
        //window.alert('here inside ajaxFunction'+vconf+' '+vseid);
  if(xmlhttp) {
    xmlhttp.open("GET","check_login?eid="+ veid +"&pwd="+ vpwd,true); //this is the servlet name
    xmlhttp.onreadystatechange  = handleServerResponse;
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlhttp.send(null);
  }
}


    function def()
    {
        //window.alert('hi');
        ajaxFunction();            
        //alert('res:'+res);
        if(res=='y')
       {               
                    return true;
       }
       else
       {
                    document.getElementById("uhidden").style.color="#CC0000";
                    document.getElementById("uhidden").innerHTML="Invalid E-Mail ID or Password"
                    return false;                        
       }
    }

但代码仅在两次点击后才有效:( 有帮助吗？

Answer 1

您的def函数调用ajaxFunction，然后立即检查res变量。但是ajaxFunction只发送AJAX请求;它不等待AJAX响应到来。您的代码在从AJAX响应设置之前检查res变量。

这就是为什么它适用于第二次点击 - 不是因为res变量是由第二次点击的AJAX响应设置的，而是因为它仍然是从第一次点击的AJAX响应中设置的。

解决方案是稍微重新安排您的代码。移动代码以显示收到AJAX响应的无效登录消息。换句话说，将res=xmlhttp.responseText;行替换为某些代码以检查xmlhttp.responseText是否不是y并显示无效的登录消息。

Answer 2

我猜你叫def（）

您的请求是异步的（因为您将open（）的第三个参数设置为 true ），但在def（）中，您在发送请求后立即使用结果：

ajaxFunction();            
//alert('res:'+res);
if(res=='y')

此时请求通常没有完成，结果尚不可用

将必须使用server-response的所有代码放入handleServerResponse（）

两次点击后，Ajax响应有效吗？

2 个答案: