JS用ajax按顺序执行

Question

How can I control the JS executes in order with ajax? Here is my code:

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

when I run the forexample(), it works correctly in Firefox, but I found the chrome did not, it seems chrome runs the ajax method firstly, then runs the css control js together.

How can I fix it to run correctly in chrome?

Answer 1

You should add $(".bewait").css("display", "none"); to the onComplete handler. For example:

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

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