如何继续使用页面(点击、任务等)当javascript仍在加载时

Question

我设计了一个仪表板，每30秒自动刷新一次。

我使用的是jquery，因此我们在仪表板上使用选项卡"new users“，它的代码是这样的：

<li>New users Today: <span id="NbOfNewUsers">
  <script>refreshStatContent('Users')</script></span>
</li>

现在脚本resfreshStatContent使用jquery $.ajax来获取用户内容：

$.ajax({
   type: "GET",
   url: "usersctnt.php",
   dataType: "xml",
   success: function(xml)
   {
        }
       });

好的，问题是，即使ajax是异步的，但我使用<script>refreshStatContent(\'Users\')</script>的事实仍然要求这个javascript函数在我可以在页面上执行任何任务之前完成加载。现在，如果我试图在加载用户内容时点击页面上的链接，它不会让我...在refreshStatContent(\'Users\')完成之前...

有没有一种方法可以在加载脚本的时候仍然可以使用页面？

非常感谢，非常感谢

Answer 1

而不是像这样使用你的脚本：

<li>New users Today: <span id="NbOfNewUsers">
  <script>refreshStatContent('Users')</script></span>
</li>

你应该在页面的底部包含所有的javascript。创建一个在跨度上调用refreshStatContent的函数，如下所示：

包含jQuery

<script type="text/javascript">
     $(document).ready(function() {
       // do stuff when DOM is ready
       var usrList = efreshStatContent('Users');
       $(#NbOfNewUsers).append(usrList);       
     });
</script>
</body> 

或者您甚至可能想要将所有的js解压缩到一个外部文件中，因此它是需要的和干净的。