jQuery Ajax 加载图像挂起

Question

我正在尝试在我的页面上使用加载 gif 进行 ajax 调用。我正在使用 jQuery 的 ajax 方法。我的方法是这样的：

$.ajax({
    type:'POST',
    data:{action:'yadayada',data:stuffToSend},
    cache: true,
    dataType: 'json',
    async:false,
    beforeSend:function(){
                var options={
                height:'100px',
                duration:1,
                width:'100px',
                }
                new ajaxLoader($("#search-right"), options);
    },
    url: "/wp-admin/admin-ajax.php",
    success: function(value) {
    //do stuff
    }
}

图像显示，但直到 ajax 成功函数完成后才显示。 ajaxLoader 函数不是罪魁祸首，因为我尝试了多种加载图像的方法；都表现出相同的行为。

在调用 ajax 函数之前，我尝试在调用 ajax 函数的单击处理程序上加载图像。相同的结果（所以它不是 beforeSend 函数）。我的问题是：为什么在 ajax 成功之后加载图像才“加载”？

Answer 1

哇！ async:false 是有罪的一方！改成async:true就解决了。