如何在jquery.load过程中添加jquery load.gif？

我想使用

jQuery.load（）

加载一些内容。如何在加载过程中添加微调器

$("#content").load("b.php #abc");

---

假设页面上某处有一个隐藏的微调器：

<img src="/spinner.gif" id="spinner" alt="loading..." style="display: none;" />

现在，每当您使用jQuery为此提供的方法之一发出AJAX请求时，都会在请求之前显示微调器，并在请求完成后隐藏（无论成功与否）。

$（“#content”）.html（”；
$（“#内容”）.load（“b.php#abc”）；

请注意，您需要在

#content

中有一个ID为

微调器的
元素才能工作。@Nyuszika7H，在
#content
中不需要。当我使用id选择器时，它可能位于页面的任何位置：
$（“#微调器”）
。这两种方法都很有用，但我选择了一种简单的方法。谢谢大家。
$(function() {
    // set global ajax options:
    $.ajaxSetup({
        beforeSend: function(xhr, status) {
            // TODO: show spinner
            $('#spinner').show();
        },
        complete: function() {
            // TODO: hide spinner
            $('#spinner').hide();
        }
    });

    $('#foo').click(function() {
        // because we have overriden the global AJAX settings
        // the spinner will be shown during the request
        $('#content').load('b.php #abc');
    });
});

 $("#content").html("<img src='/images/load.gif' alt='loading...' />");
 $("#content").load("b.php #abc");