同步：相當於電路的串聯
非同步：相當於電路的並聯

Ajax同步和非同步的區別
之前一直在寫JQUERY程式碼的時候遇到AJAX載入資料都需要考慮程式碼執行順序問題。 最近的專案用了到AJAX同步。這個同步的意思是當JS程式碼載入到當前AJAX的時候會把頁面裡所有的程式碼停止載入，頁面出去假死狀態，當這個AJAX執 行完畢後才會繼續執行其他程式碼頁面假死狀態解除。
而非同步則這個AJAX程式碼執行中的時候其他程式碼一樣可以執行。
jquery的async:false,這個屬性
預設是true：非同步，false：同步。

$.ajax({ 
        type: "post", 
        url:
 
 "path", 
        cache:false, 
        async:false, 
        dataType: "json", 
        success: function(json){ 

        } 
});

有了這個屬性可以相對的減少程式碼執行書序問題，但是如果用的太多，頁面假死次數太多。這樣反而導致使用者體驗不佳~！

在 這裡，async預設的設定值為true，這種情況為非同步方式，就是說當ajax傳送請求後，在等待server端返回的這個過程中，前臺會繼續 執行ajax塊後面的指令碼，直到server端返回正確的結果才會去執行success，也就是說這時候執行的是兩個執行緒，ajax塊發出請求後一個執行緒 和ajax塊後面的指令碼（另一個執行緒）例：

$.ajax({  

          type:"POST", 

         url:"Venue.aspx?act=init", 

           dataType:"html", 

          success:function(result){   //function1()

             f1(); 

             f2(); 

        } 

         failure:function (result) {  

            alert('Failed');  

         }, 

  }
 
 

  function2(); 

在上例中，當ajax塊發出請求後，他將停留function1()，等待server端的返回，但同時（在這個等待過程中），前臺會去執行function2(),也就是說，在這個時候出現兩個執行緒，我們這裡暫且說為function1() 和function2()。

當把asyn設為false時，這時ajax的請求時同步的，也就是說，這個時候ajax塊發出請求後，他會等待在function1（）這個地方，不會去執行function2()，知道function1()部分執行完畢。

之前一直以為只要同步就好了.其實如果同步就失去了ajax的意義.

遇到一個bug.

頁面的載入 載入中… 引用一個publish.js

  function loader(m) {
  var left = (window.innerWidth / 2) - 83;
  var top = window.innerHeight / 2 - 60;
  var height = 50;
  var html =
  '<div id="ajaxloader_zz" style="z-index: 9999998; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; opacity: 0; "></div>' +
  '<div id="ajaxloader" style="width:200px;height:100px; text-align:center;background-color:snow;border-radius:5px; position:fixed;top:' + top + 'px;left:' + left + 'px;z-index:9999999;">' +
  '<table style="vertical-align:middle;text-align:center; width:100%;height:100%;">' +
  '<tr><td><div style="margin-top:20px;"><img src="../images/loading.gif" /></div></td></tr>' +
 '<tr><td><span style="color:black;font-family:Helvetica-Regular;font-weight:bold;font-size:16px">' + m + '</span></td></tr></table></div>';
 return html;
 }
 
 //請求開始動畫
 $(document).ajaxSend(function () {
 alert(1);
 if ($("#ajaxloader").length == 0) {
 $("body").append(loader("請稍候..."));
 $("#ajaxloader,#ajaxloader_zz").fadeIn("normal");0 }
 });
 
 ////請求成功動畫
 $(document).ajaxSuccess(function () {
 if ($("#ajaxloader").length > 0) {
 $("#ajaxloader,#ajaxloader_zz").fadeOut("normal");
 $("#ajaxloader,#ajaxloader_zz").remove();
 }
 });
 //請求錯誤動畫
 $(document).ajaxError(function () {
 if ($("#ajaxloader").length > 0) {
 $("#ajaxloader,#ajaxloader_zz").fadeOut("normal");
 $("#ajaxloader,#ajaxloader_zz").remove();
 $("body").append(loader("請求失敗！"));
 $("#ajaxloader,#ajaxloader_zz").fadeIn("normal");
 setTimeout(function () { $("#ajaxloader,#ajaxloader_zz").fadeOut("normal"); $("#ajaxloader,#ajaxloader_zz").remove(); }, 1000);
 }
 });

頁面引用這個js.當有ajax操作時,會有請稍等…的提示

如果頁面中使用的ajax請求是同步的.在google和ie等瀏覽器上不會有此效果.改為非同步即可.

注意:新增async:false.即修改為同步了，什麼意思？（按同事解釋就是，這是等這個ajax有了返回值後才會執行下面的js。一語道破天機，怪不得以前很多ajax呼叫裡面的賦值都不起作用）。這樣等ajax給bol賦值完畢後，才執行下面的js部分。而剛剛非同步的話，還沒有來得及賦值，就已經return了。

考慮是不是因為設定為同步時,影響了publish.js中的js執行.但是火狐中又可以,哎,理解不透了.