JQuery的出DIV appenditure的序列呈現

Question

<script> 
function SimpleMS() { 
    $('#ImagePlaceHolder').append("<img src='../images/ajax-loader.gif' />"); 
    alert(1); 
    $.ajax({ 
     async: false, 
     url: '@Url.Action("SimpleMACSerial")' 
         + "?MACSerial=" + $('#SerialMAC').val() 
         , 
     dataType: "json", 
     cache: false, 
     success: function (data) { 
      alert(2);      
     }, 
     error: function (data) { 
      alert('Error'); 
     } 
    }); 
    alert(3); 
} </script> 

我看到以下結果

「1」

「2」

「3」

和

最後ajax-loader.gif出現！

它應該顯示在第一次警報之前！

這是怎麼發生的？

謝謝！

Answer 1

這是關於瀏覽器如何處理javascript的。在這種情況下，你會發現你使用的瀏覽器首先執行了它的所有javscript，然後纔開始解釋它對源代碼所做的更改，比如新的圖像標籤，它在第一次提醒之前就已經存在了，但現在只能獲取渲染。