单击Fancy Box覆盖按钮调用Ajax时,Ajax未按预期工作

Ajax not working as expected when called on the Fancy Box overlay button click

本文关键字:Ajax 工作 覆盖 Box 按钮 调用 单击 Fancy      更新时间:2023-11-04

我有一个关于Ajax和我是阿贾克斯的新手。我在我的一页中使用了花式盒子,作为花式盒子点击按钮会弹出一个表格吗一些输入字段和按钮。单击按钮后,尝试进行ajax调用其需要显示指示符,直到呼叫完成我打了一个同步电话,但指示灯没有出现,但我把它变成异步的那一刻调用它显示正确。有人能解释的原因吗

更新:看看下面的代码。。。。它运行良好,并显示指示器,直到我们从服务器得到响应。。。但是,当点击花式框覆盖上的按钮时调用该函数时,async false不起作用isAsync为False

function LoadCarrier(isAsync)
{
   try
  {
    SetCarrierLoadingIndicator("","Loading..");
    xmlHTTPObject1 = GetXMLHTTPObject();
    xmlHTTPObject1.onreadystatechange = OnPopulateCarrierComplete;
    var currentTime = new Date();
    var  parameters =   "";
    var pageNumber=document.getElementById(hdnCarrierCurrentPage).value;
    parameters += "CarrierPage";
    parameters += "^" + pageNumber;
    parameters += "~NetworkIds";
    parameters += "^" + GetAllSelectedNetworks();
    parameters += "~SelectedCarriers";
    parameters += "^" + GetAllSelectedCarriers();
    var parms = "?OPCode=LoadCarrier&Parms=" + parameters + "&RequestTime" + currentTime;
    var ajaxURL = ajaxCallHandlerUrl + parms;
    xmlHTTPObject1.open ("GET", ajaxURL, isAsync);
    xmlHTTPObject1.send(null);
}
catch(exception)
{
    alert(exception);
}
return false;

}

     function OnPopulateCarrierComplete()
    {
     if (xmlHTTPObject1.readyState == 4)
   {
   var result = xmlHTTPObject1.responseText;
   var contents = result.split("[6CE650P$0$NTS3E!]");
   if (contents[0] == "SUCCESS")
   {
        SetCarrierLoadingIndicator("none","");
        if(contents[1].length > 0)
        {
            var details=contents[1].split("[$sEpaRaToR$]");
            document.getElementById(lblCarrier).innerHTML=details[0];
            document.getElementById(lblCarrierPaging).innerHTML=details[1];
            document.getElementById(lblCarrierCount).innerHTML=details[2];
            var tmp=details[3].split(',');
            for(var i=0;i<tmp.length;i++)
            {   
                CarrierList.push(Number(tmp[i]));     
            }
        }
        else
        {
            document.getElementById(lblCarrier).innerHTML="";
            document.getElementById(lblCarrierPaging).innerHTML="";
            document.getElementById(lblCarrierCount).innerHTML="0";
        }
   }
   else
   {
       if(contents[1] == "Session Expired")
       {
            parent.document.location = "Default.aspx";
       }
       else
       {
            alert(contents[1]);
       }
   }
}

}

同步调用会锁定浏览器在调用完成之前不执行任何操作,而异步调用则允许在等待服务器返回结果时执行其他操作(如指示器显示)。因此,当你进行同步调用时,浏览器不会显示你的指示器,也不会做任何其他事情,直到它从你的服务器得到响应。

简而言之,您应该很少需要对服务器进行同步调用。AJAX中的"A"代表"异步"是有原因的:)。