在jquery AJAX期间元素插入没有反映

时间:2017-01-19 11:13:40

标签: javascript jquery ajax

我试图在另一个DIV中创建一个带有图像的DIV来显示AJAX处理。我在JQUERY AJAX" beforeSend"中做它。发生的事情是,插入的图像仅在AJAX调用之后才可见。我已经检查了DOM,插入发生在" beforeSend"但在AJAX调用后可见。下面是一段代码

options.beforeSend = function(jqXHR, settings){ 
    $('#'+_divId).prepend(jQuery('<div/>', {
        class : 'ajax-progress'
    }).append(jQuery('<img/>').attr('src',"/images/ajax.gif")));
}

我认为图片下载存在问题。所以我尝试在DOM中使用&#34; display:none&#34;并使用jQuery将其分离并插入&#34; beforeSend&#34;。但没用。

$('#'+_divId).prepend(
$('#imageDiv').detach());

我不能在&#34; ajaxStart&#34;。

1 个答案:

答案 0 :(得分:-1)

我明白了。它不能在AJAX调用中使用属性&#34; async:false&#34;。

当AJAX同步时,DOM更新将暂停,直到调用完成。