Question

我正在执行一个函数，首先我将光标置于等待状态（沙漏），然后我发送同步的AJAX请求。获取响应后，我将光标置于默认状态。

实际代码就是这个..

//测试smtp设置 function TestSettings（） { var buttonparams = new Object（）;

buttonparams.IsCommandButton = true;
buttonparams.ButtonId = "testsettings";
buttonparams.ButtonText = "Sending Test Mail...";
buttonparams.ButtonOrigText = "Test Settings";

if(buttonparams.IsCommandButton == true)
    HandleButtonStatus(true, buttonparams);

var request = function()
{
    var ret = SendForm(buttonparams);

    alert(ret);

}
window.setTimeout(request, 0);

}

函数SendForm（pButtonParams） { var http; var formdata;

http = yXMLHttpRequest();

http.open("POST", "./", false);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
http.setRequestHeader("Req-Type", "ajax");
formdata = xEncodePair("_object", "PrefMgr")+ "&";
formdata += xEncodePair("_action", "SmtpTest")+ "&";
formdata += GetEncodedFormData();   

http.send(formdata);

if(http.status == 200)
{   
    if(pButtonParams.IsCommandButton == true)
        HandleButtonStatus(false, pButtonParams);

    return (http.responseText);
}   
else
{

    return ("Error " + http.status + ": " + http.statusText);   
}

}

函数HandleButtonStatus（pIsButtonStatusChange，pButtonParams） { var button = yById（pButtonParams.ButtonId）;

if(pIsButtonStatusChange)
{
        document.body.style.cursor = "wait";
    button.value = pButtonParams.ButtonText;
    button.disabled = true;

}
else
{
    document.body.style.cursor = "default";
    button.disabled = false;
    button.value = pButtonParams.ButtonOrigText;
}

}

Answer 1

尝试分配：

var st = document.body.style;

然后在两个函数中引用st。这可能是AJAX回调函数中的范围问题。

编辑：使用回调函数恢复光标形状。如果AJAX调用失败，请不要忘记执行相同的操作。

为什么HourGlass在Google Chrome中无法使用同步AJAX请求？

1 个答案: