jquery - JQuery 中的 Ajax 效果

Question

我试图找到一种在 ajax 调用正在进行时显示 GIF 图像的方法，我希望在 ajax 响应返回时图像隐藏。谁能帮我做到这一点？我对 JQuery 没有经验。谢谢。

Answer 1

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

给你的图像一个标识符，（例如：）id="loading"。<script>然后将以下内容放入文档末尾的一对标签中：

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

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

我建议通读jQuery 文档- 从前几页中获得的知识将使您深入了解 jQuery 的工作原理，并使组合动态界面变得更加容易，每个人都必须从某个地方开始。