как быть в состоянии продолжать использовать страницу (клик, задачи и т. д.), пока javascript все еще загружается

Question

Я разработал приборную панель, которая автоматически обновляется каждые 30 секунд.

Я использую jquery, и поэтому я выбираю вкладку «Новые пользователи» на приборной панели, она имеет такой код:

<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 во внешний файл, так что это нужно и почистить.