Jquery对话框，在ajax抓取时显示动画gif

我正在使用ajax调用加载一个对话框。我想补充一点 在ajax获取运行时，将动画gif添加到对话框中，并且 提取完成后，它将消失

我设置和打开对话框的主要功能如下

    function showDetail(sipId) {
    ShowWOrderRows(sipId);
    $("#Container").data('title.dialog', 'Details of Order ' + sipId); 
    $("#Container").dialog("open");
    return false;
    }
$(function () {    
            $("#Container").dialog({
                autoOpen: false,
                modal: true,
                height: 300,
                width: 650
            });    
        });

在showWordErrorWS函数中，我使用

$.ajax（{//some options}）获取数据

并将数据填充到
$（“#容器”）

最简单的方法是什么

提前感谢。
您可以将
ajaxStart
和
ajaxStop
事件附加到包含加载图像的
div

$('#loadingDiv')
    .hide() //hide the image initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });

在触发Ajax请求的事件中，使用加载gif显示div，然后在Ajax调用的数据成功回调函数中隐藏加载div。这里有好的链接：

$（''）。附加到（“容器”）；
$.ajax({
网址：。。。。。
上下文：。。。。。
成功：功能（数据）{
$（“#容器”）.find（'img'）.remove（）；
}
});
@Adam Right执行此操作时，您需要注意的唯一一点是，加载图像出现之前可能会有一点延迟，因为它只能在需要的同时下载；我发现，从最终用户的角度来看，用这个按钮替换我的提交按钮是相当直观的。文档中说，ajaxStart和stop只应附加到
文档中，因为版本1.8可能与
$('<img src="your gif" />').appendTo("#Container");

$.ajax({
  url: .....
  context: .....
  success: function(data){
    $("#Container").find('img').remove();
  }
});