如何在仍加载JavaScript的情况下继续使用页面（点击，任务等）

Question

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

我正在使用jquery，所以我在dasboard上使用“新用户”标签，它具有如下代码：

<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提取到一个外部文件中，因此这是必要且干净的。