When I use Ajax call(jquery) in the HEAD section I find a “waiting for response message” on a chrome browser with revolving circle. I don’t want this ugly look. Is there a way to avoiding this?
PS: When I use input tag to call the JavaScript(Ajax call) function like
<input id="launcher" type="button" onfocus="go()" value="Go!"></input>
I couldn’t see a waiting circle. Cause my program should call the function automatically I couldn’t use this method.(If I use document.getElementById("launcher").focus() to automatically start the function, It showed waiting circle again.) I guess there’s a some different context to call JavaScript function.
Update Here is my sample code
<HEAD>
<SCRIPT TYPE="text/javascript">
function go() {
$.ajax({
url: "/myService",
success: function(data){
document.getElementById("result_area").innerHTML = data;
go();
}
});
}
$(document).ready(function(){
go() //Here I want to Comet call;
});
go(); //should start automatically.
</SCRIPT>
</HEAD>
<BODY>
<!-- <input id="launcher" type="button" onfocus="go()" value="Go!"></input>
This doesn't show the waiting circle. Why? Use different call context? -->
<div id="result_area"></div>
</BODY>
I found that this waiting circle on
XMLHttpRequestis depend on a browser implementation. On IE7, Firefox4 it didn’t show any waiting circle or bar while chrome11, Windows safari had one.I believe that standard on this should be made cause it impacts greatly on user experience.