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标记中，以便在您的actionElementId的actionlink的AjaxOptions中指定id。 它看起来在某种程度上是这样

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

然后，它会隐藏IMG GIF，直到ActionLink的被触发。有时你需要用css自己隐藏它，但据我所知，当你只是使用img标签时，情况并非如此

Answer 3

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

您需要load事件，试试这个：

1 - 其中将显示，直到所有图像已经加载

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

2 HTML页面中创建一个ID yourDivIdWithLoadingElement元素 - 添加此脚本在你的头：

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