javascript - 动态内容的预加载器

Question

我有一个动态页面，大约需要8 秒来加载搜索数据。

问题是，所有浏览器在这 8 秒内都保留在旧页面，并且仅在之后显示动态页面

已完全加载。

我想要的是预加载图像向客户显示，直到第二页加载。

我怎样才能实现这个目标？

谢谢

Answer 1

我假设您正在通过 AJAX 加载第二页。如果是这样，您将只能在异步调用返回之后显示结果。

但是，没有什么可以阻止您在发送 AJAX 请求之前对页面进行更改。基本结构是:

var preload = $('<div></div>').text('I am preloading!').insertAfter('somewhere');
$.get(..., function() {
    preload.remove();
    // insert your real content, received from this AJAX request
});