jquery - 异步网页

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();
}

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

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