如何在仍加載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提取到一個外部文件中，因此這是必要且干凈的。