在页面呈现之前加载加载栏的正确方法是什么？

Question

我有一个页面（让我们称之为页面B），它将从我从页面A加载页面B后立即启动的cgi脚本加载输出（blah.out）。 cgi脚本实际上就像nohup python script.py＆gt; /var/html/Logs/blah.out

这是我的javascript

  4         <script type = "text/javascript">       
  5         function healthCheck()
  6         {
  7                 xhr = new XMLHttpRequest();
  8                 xhr.open("GET","../html/Logs/blah.out", false);
  9                 xhr.send('');
 10                 text = xhr.responseText;
 11                 if (text==""){
 12                         document.getElementById("logContainer").innerHTML = "<img src='{{baseURL}}/images/loadingCircle.gif'>"
 13                 }
 14                 else{   
 15                         document.getElementById("logContainer").innerText = text;
 16                 }       
 17                 setHeight();
 18         }       
 19         var inter;
 20         function init()
 21         {
 22                 inter = window.setInterval("healthCheck()", 1000);
 23         }

问题是这个代码似乎有效，但有时候（比如第三次）在第一次加载时它没有这样我认为我正在以错误的方式进行这个......我很困惑我我做错了b / c AJAX对我来说是新的。提前感谢任何想法。