异步网页

Question

下午好，我想了解一些关于异步加载网页的事情。我有一个登录并在登录后加载的网页，大约10秒钟（可能更多一点）。这个网页加载速度非常慢，因为在页面的一个部分，它有一个从多个查询加载到服务器的树。放弃查询的优化，我想要做的是，加载页面但不加载树。而不是加载树，加载旋转轮来表示其加载。触发文档就绪事件时，开始加载树。我想知道一个过程（如果有的话），或者它是否像在文档就绪函数中粘贴树一样简单。谢谢

Answer 1

这是我目前正在处理的应用程序的一个微调示例。它使用jQuery和AJAX。

$(document).ready(function() {
    params = { var1 = 2, var2 = 4 };
    var checkStatus = function() {
        $.getJSON('index.php/loader/op_status', params, function(opc) {
            results = $.parseJSON(opc.results);
            percent = results.status;

            if (results.status != 100) {
                $('#loading-percentage .percentage').html(percent);
                setTimeout(checkStatus, 1000); // check every second for results
            } else {
                $(opk.keywords).insertAfter('#opc-results .kw-section .summary');
                $('#loading-percentage').remove();
            }
        }
    }
    checkStatus();
}

这样做是检查状态文件并返回一个整数，我将其用作文字状态百分比。如果百分比是＆lt; 100然后显示加载动画，否则加载完成内容并删除动画。每秒检查一次该过程，以便您可以实时获得最新状态。

您可以将此作为起点，但显然您需要根据自己的需要对其进行微调。