显示文档加载时间的实际持续时间的加载图标？

Question

使用 jQuery load 或类似的东西，您可以在 .load() 函数中嵌套一个函数并显示文件实际加载时间的加载图标吗？

我做过类似的事情，但我从未向自己证实这是可能的

Answer 1

你当然可以，你可以设置一个加载图像在加载之前显示 - 然后在执行回调函数时隐藏加载图像......

$('#loadingImage').fadeIn();

$('#result').load('mysite/mypage', function() {
   // loading complete - callback called
   $('#loadingImage').hide();
});

Answer 2

您可以显示图标，发出请求，然后使用 load 隐藏图标的函数。这对于一个特定的负载调用来说非常有用。

或者，您可以使用 ajaxStart 和 ajaxStop 对您随时在页面上发出的任何请求执行此操作。 ajaxStart 在 ajax 请求启动且当前没有任何其他请求正在运行时触发；当 ajax 请求完成并且没有其他未完成的请求时，将触发 ajaxStop。

因此，您可以拥有一个最初隐藏的 id“loading”元素，然后执行以下操作：

$("#loading")
    .ajaxStart(function() { $(this).fadeIn();  })
    .ajaxStop( function() { $(this).fadeOut(); });

有关详细信息，请参阅链接的文档。