Ajax请求gif

Question

我已经看到在处理ajax请求时会加载动画加载gif。我想知道这是怎么做的。

例如，有很多图像从css文件加载。在加载这些图像之前，我是否可以显示加载GIF。

Answer 1

你的意思是什么？像这样： http://api.jquery.com/ajaxStart/

或者：How to show loading spinner in jQuery?

Answer 2

我不知道您是否使用ASP.NET MVC？ 如果是这种情况，您可以使用@Ajax.ActionLink并将您的加载gif放入img标记中，在loadElementId中的actionlink的AjaxOptions中指定id。 它会看起来像这样

@Ajax.ActionLink("MyAction", "MyController", new AjaxOptions(){LoadingElementId = "MyGif"})

然后隐藏img gif直到触发actionlink。有时你需要使用css自己隐藏它，但据我记得，当你只是使用img标签时并非如此

Answer 3

你并不是指Ajax。在css中声明的图像通常由浏览器加载。

您需要load事件，请尝试以下操作：

1 - 在html页面中创建一个标识为yourDivIdWithLoadingElement的元素，该元素将一直显示，直到所有图像都已加载

<div id="yourDivIdWithLoadingElement:>Loading content...</div>

2 - 在标题中添加此脚本：

$(window).load(function () {
    $('#yourDivIdWithLoadingElement').hide();
});