JQuery不按顺序呈现div附加

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，然后才开始解释它对源所做的更改，例如新映像标记，它在第一个警报之前就已存在，但现在才获得呈现。