异步网页

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，则显示加载动画，否则加载完成内容并删除动画。该过程每秒钟都会检查一次，以便您可以实时获得最新的状态。

您可以使用这个作为起点，但显然您需要根据您的需要对其进行微调。