如何创建一个基于数据库条目不断更新的进度条

Question

好吧，我有MySQL数据库本地托管使用XAMPP。我正在尝试编码一个进度条，该进度条将根据从数据库表返回的计数进行更新。这将显示位置的容量。因此，如果数据库中有X个条目，则进度条将显示为X满。它会在页面刷新时得到更新。我连接了数据库，但不知道使用进度条进行此操作的后勤工作，或者如果可能的话。任何更好的解决方案，我打开。提前致谢。

Answer 1

你可以通过长轮询在PHP中实现这一点。

创建一个小PHP文件，该文件仅用于响应具有数据库条目数的ajax请求。

entrycount.php

<?php 
    session_start(); 
    if (!$_SESSION['LOGGED_IN']) 
     exit(); 
    // get entry count from database 
    exit($entry_count); 
?> 

和（直到进度条满或其他一些条件得到满足）查询使用链接超时循环此值。

HTML

function updateProgressBar() 
{ 
    var request = new XMLHttpRequest(); 
    request.open("get", "entrycount.php", true); 
    request.onreadystatechange = function() 
    { 
     if (request.readyState == 4 and request.status == 200) 
     { 
      var entryCount = request.responseText; 
      // update progress bar with new count 
      if (keepPolling) 
       setTimeout(updateProgressBar, 5000); 
     } 
    } 
    request.send(); 
} 
setTimeout(updateProgressBar, 5000);