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