Javascript 动态内容预加载程序

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

问题是，所有浏览器在这8秒钟内都保持在旧页面上，只在它之后显示动态页面

完全加载。

我想要的是在第二页加载之前向客户显示预订单图像

我怎样才能做到这一点

---

谢谢

我想您是通过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
});

var preload=$（“”）.text（'I am preload！'）.insertAfter（'somewhere'）；
$.get（…，function（）{
预加载。移除（）；
//插入此AJAX请求中收到的真实内容
});

$（“加载…”）
.ajaxStart（函数（）{$（this）.show（）；}）
.ajaxStop（函数（）{$（this.hide（）；}）
.附于（“主体”）；

就这些

您可能想为

#busy

标记添加一些样式，但这可以通过CSS实现

$('<div id="busy">Loading...</div>')
        .ajaxStart(function() {$(this).show();})
        .ajaxStop(function() {$(this).hide();})
        .appendTo('body');