JQuery中的Ajax效果

Question

我正在尝试在ajax调用正在进行时找到一种显示GIF图像的方法，并希望在ajax响应返回时隐藏图像。有人可以帮我这么做吗？ 我对JQuery没有经验。感谢。

Answer 1

我在自己的网络应用程序中使用以下方法。

为您的图片添加标识符（例如：id="loading"）。 然后将以下内容放入文档末尾的一对<script>标记中：

$(document).ready(function(){
    $('#loading')
        .ajaxStart(function(){$(this).show();})
        .ajaxStop(function(){$(this).hide();})
        .hide()
    ;
});

这将为每个Ajax调用添加一个事件处理程序，并在初始根页面加载结束时隐藏图像（假设它在页面加载时显示）。

我建议您阅读jQuery Documentation - 您从前几页获得的知识将让您更好地了解jQuery的工作方式，并且可以更轻松地将动态界面放在一起，每个人都必须从某个地方开始。