javascript - IE Explorer 9 直到 ajax/json 函数完成后才呈现

Question

基本上我有这段代码。我试图简单地更新一个 div，但第一个 innerHTML 调用要么不起作用，要么从不在浏览器中呈现。

第二个确实有效，一旦 ajax 调用完成后附加“完成”。我确定它与 ajax 调用有关，但我不明白为什么会这样，因为在 Firefox 中没有问题。有谁知道出了什么问题，或者 firefox 中是否存在错误或其他什么？为什么 IE 甚至会等待呈现 innerHTML 调用。不应该在调用后立即更新 div 还是 IE 浏览器稍等片刻？

document.getElementById("status").innerHTML = '<div>Loading</div>';

$jQuery.ajax({
         type: "POST", 
         url: urlValue, 
         data: parameters, 
         cache: false,
         async: false, 
         dataType: "json"
});

document.getElementById("status").innerHTML = '<div>Complete</div>';

Answer 1

为什么不异步进行呢？

var status = $('#status');

status.html('<div>Loading</div>');

jQuery.ajax({
    type: "POST", 
    url: urlValue, 
    data: parameters, 
    cache: false,
    dataType: "json",
    success: function() {
        status.html('<div>Complete</div>');
    }
});