javascript - "loading image"ajax 请求的开始和结束之间

Question

我想添加一个加载图像，该图像在 jquery 中 ajax 请求的开始和结束之间可见。

目前，当单击我想用加载图像替换的按钮时，会调用此函数:

function test(num)
{
             $("div.bd_img").attr("style", "display:none");
             $("div.ajax_load").attr("style", "display:block");
             str = "ajax?id=" + num.toString();

             $.ajax({
                type: "GET",
                url: str,
                dataType: "xml",
                success: test2
             });
             $("div.bd_img").attr("style", "display:block");
             $("div.ajax_load").attr("style", "display:none");

}

但它似乎不起作用。

bd_img 和 ajax_load 这两个分区是 div 的子级，因此当 display 设置为 none 时，应将其中一个替换为另一个，反之亦然。

Answer 1

在回调函数中禁用加载器(在您的情况下是test2)

Ajax根据定义，调用是异步的。您当前的代码将触发 ajax GET，然后直接继续禁用您的加载程序。如果您在 ajax 调用的回调中禁用加载器，您应该会看到您期望的行为。