2014-02-27 138 views
0

如何控制JS按ajax順序執行?這裏是我的代碼:JS按ajax順序執行

function forexample() { 
    $(".bewait").css("display", "block"); 
    ajaxrequest(); // here is a ajax request method. 
        // I also added "async: false" in the method. 
    $(".bewait").css("display", "none"); 
} 

當我運行forexample(),它工作正常在Firefox,但我發現鉻都沒有,似乎鉻首先運行AJAX方法,然後運行CSS控制JS在一起。

我該如何解決它在Chrome中正確運行?

回答

0

您應該將$(".bewait").css("display", "none");添加到onComplete處理程序。例如:

$(".bewait").css("display", "block"); 

$.ajax({ 
      type : 'POST', 
      url : url, 
      async : false, 
      data : postData, 
      complete : function(){ 
       $(".bewait").css("display", "none"); 
      } 
    }); 
0

使用回調,以確保第二CSS語句只執行一個響應收到後:

ajaxrequest({ 
    onResponse : function() { 
     $(".bewait").css("display", "none"); 
    } 
}) 

你可能要處理錯誤,但這個應該足夠開始使用