Warum funktioniert HourGlass nicht mit synchroner AJAX-Anfrage in Google Chrome?

Question

Ich führe eine Funktion aus, wo ich zuerst den Cursor in den Wartezustand (Sanduhr) bringe und dann eine synchronisierte AJAX-Anfrage sende. Nachdem ich die Antwort erhalten habe, mache ich den Cursor zum Standardzustand.

der eigentliche Code ist dies ..

// die SMTP-Einstellungen Funktion TestSettings() { var buttonparams = new Object() prüft;

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); 

}

Funktion 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); 
} 

}

Funktion 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

Try zuweisen:

var st = document.body.style; 

und dann zu st in beiden Funktionen beziehen. Dies könnte ein Einschränkungsproblem in der AJAX-Rückruffunktion sein.

EDIT: Verwenden Sie die Callback-Funktion, um die Cursorform wiederherzustellen. Vergessen Sie nicht, dasselbe zu tun, falls der AJAX-Aufruf fehlschlägt.