关于Jquery ajax访问的一个很奇怪的问题，网上找了很久都没找到解决办法。

Question

通过点击一个按钮ajax访问一个jsp页面
原本想是点击按钮的时候加载一个div 防止用户再点击
但现在是ajax访问的页面返回东西的时候那个div才出来。
但是奇怪的是加个alert语句的时候div能立即出来。
好了 废话不说了 看代码：
[code="java"]core.ajax = {
receivePacket:function(packet)
{
},
sendPacket:function(packet , process , aysncflag){

 var sendUrl = packet.url;
     var sendData = packet.data.data;

   if(process ==null) process = doProcess;
     if(aysncflag==null) aysncflag = false;

     if(aysncflag == false){
           loading();   
        }

     $.ajax({
           url: sendUrl,
           data: sendData,
           type:"POST",
           async:aysncflag,  
           dataType:"html",
           success: function(data){
              eval(data);
              process(response);
              response = null;
           },
           error:function(data){
                if(data.status=="404")
                {
                  alert( "文件不存在!");
                }
                else if (data.status=="500")
                {
                  alert("文件编译错误!");
                }
                else{
                  alert("系统错误!");                   
                }
           }
        });
        if(aysncflag == false){
            unLoading();            
        }

},[/code]

[code="java"]function loading(){
var divHtml = "

"
+ "正在提交信息，请等待......";
+ "

";
$("body:first").append(divHtml);
$.blockUI($("#lodingDiv"));
}[/code]

在loading方法调用后加个alert能立即加载信息。

Answer 1

ps: [quote]在loading方法调用后加个alert能立即加载信息。[/quote]
alert是阻塞式，你在 loading后面执行alert就相当于阻止ajax执行而全力执行blockUI动画（记住是动画，是需要线程时间片段的，而javascript是单线程模式）。