在jQueryAjax工作时添加动画图像

我正在使用jQueryAjax，我的代码如下所示

 $.get(
    'GetPage.aspx',
    'url=' + url ,
    function (response) {
        if (!cancelNavigationFlag)
            setIframeHtml(response);
        cancelNavigationFlag = false;
    },
    'html'
);

我需要添加一个动画gif，它将在ajax工作时出现，然后在ajax完成时消失

---

我该怎么做呢？

我通常会这样做：

$("#indicatordiv").show();
$.post("somepage", function(result){ 
    $("#indicatordiv").hide();
})

其中“indicatordiv”是一个简单的div元素，包含加载程序gif图像

---

因此，在您的情况下，只需在get请求之前“.show（）”元素，并在响应函数中“.hide（）”元素。

我通常会这样做：

$("#indicatordiv").show();
$.post("somepage", function(result){ 
    $("#indicatordiv").hide();
})

其中“indicatordiv”是一个简单的div元素，包含加载程序gif图像

---

因此，在您的情况下，只需在get请求之前“.show（）”元素，并在响应函数中“.hide（）”元素。

您可以添加一个div，其中包含一个带有加载程序image的image标记。最初隐藏div。在调用ajax请求之前显示div。从ajax请求获取数据之后隐藏div

$("#dvLoader").show();
$.get(
    'GetPage.aspx',
    'url=' + url ,
    function (response) {
        if (!cancelNavigationFlag)
            setIframeHtml(response);
        cancelNavigationFlag = false;
    },
    'html'
    success:
         function(data)
         {
            $("#dvLoader").hide();
         }

);

---

dvLoader包含加载程序映像。

您可以添加一个div，其中包含带有加载程序映像的映像标记。最初隐藏div。在调用ajax请求之前显示div。从ajax请求获取数据之后隐藏div

$("#dvLoader").show();
$.get(
    'GetPage.aspx',
    'url=' + url ,
    function (response) {
        if (!cancelNavigationFlag)
            setIframeHtml(response);
        cancelNavigationFlag = false;
    },
    'html'
    success:
         function(data)
         {
            $("#dvLoader").hide();
         }

);

---

dvLoader包含加载程序映像。

我有不同的逻辑和解决方案

设置一个div，使gif图像显示为

下一步，将其设置为css中的背景图像，不要像这样设置图像链接

背景：无重复中心

当ajax执行时，给它一个背景图像
loader.gif
，并在ajax任务完成时删除它，如

 $.get(
    $("#loader").css({ 'background-image':'url(images/loader.gif)' });
    'GetPage.aspx',
    'url=' + url ,
    function (response) {
        if (!cancelNavigationFlag)
            setIframeHtml(response);
        cancelNavigationFlag = false;
        $("#loader").css({ 'background-image':'url()' });
    },
    'html'
);

我没有亲自测试过。。希望这有帮助。
我有不同的逻辑和解决方案

设置一个div，使gif图像显示为

下一步，将其设置为css中的背景图像，不要像这样设置图像链接

背景：无重复中心

当ajax执行时，给它一个背景图像
loader.gif
，并在ajax任务完成时删除它，如

 $.get(
    $("#loader").css({ 'background-image':'url(images/loader.gif)' });
    'GetPage.aspx',
    'url=' + url ,
    function (response) {
        if (!cancelNavigationFlag)
            setIframeHtml(response);
        cancelNavigationFlag = false;
        $("#loader").css({ 'background-image':'url()' });
    },
    'html'
);

我没有亲自测试过。。希望这有帮助。
您必须在
$.get（）成功回调中再次显示它。使用此代码，
#dvLoader
将在调用
$.get（）
后隐藏，而不是在加载内容后隐藏。您必须在
$.get（）
成功回调上再次显示它。使用此代码，
#dvLoader
将在调用
$.get（）
后隐藏，而不是在加载内容后。谢谢。这对我有用。你知道为什么它只能在firefox上使用而不能在chrome上使用吗？让我看看。。你在IE中测试过吗？我没有测试IE，因为我的网站在这一点上根本无法在IE上运行。你使用的是最新版本的chrome吗？我使用的是这个版本12.0.742.100谢谢。这对我有用。你知道为什么它只能在firefox上使用而不能在chrome上使用吗？让我看看。。你在IE中测试过吗？我没有测试IE，因为我的网站在这一点上根本无法在IE上运行。你使用的是最新版本的chrome吗？我使用的是这个版本12.0.742.100