Javascript输出HTML表

时间:2016-05-12 09:41:28

标签: javascript html html-table

我制作了一台服务器,检查人们是否在线,如果他们登录,并希望将这些信息放入html表格。

<?php
session_start();
include_once '../php\connect.php';
function removeRefresh(){
    $query = connection()->prepare("UPDATE `online` SET `time` = `time`+1");
    $query->execute();
    $query = connection()->prepare("DELETE FROM `online` WHERE `time` > 5");
    $query->execute();
}
function addOrRefresh($ID){
    $query = connection()->prepare("SELECT COUNT('id') FROM `online` WHERE `ID` = :ID");
    $query->bindParam(':ID', $ID);
    $query->execute();
    $count = $query->fetchColumn();
    if($count == 0){
        $query = connection()->prepare("INSERT INTO `online`(`ID`, `time`) VALUES(:ID, 0)");
        $query->bindParam(':ID', $ID);
        $query->execute();
    }
    else{
        $query = connection()->prepare("UPDATE `online` SET `time` = 0 WHERE `ID` = :ID");
        $query->bindParam(':ID', $ID);
        $query->execute();
    }
}
$action = filter_input(INPUT_GET, 'action');
if($action == 'heartbeat'){
    removeRefresh();
    $ID = $_GET['id'];
    addOrRefresh($ID);
    $query = connection()->prepare("SELECT u.username FROM `nusers` u INNER JOIN `online` o ON o.ID = u.ID");
    $query->execute();
    $onlineUsers = $query->fetchAll(PDO::FETCH_ASSOC);
    $resultaat = "";
    foreach($onlineUsers as $user){
        $resultaat .= "<p>{$user['username']} <br></p>";
    }
    echo "$resultaat";
}

?>

您可以注册,当您登录大厅时,您将被添加到“在线”表中,该表每秒都会检查“heartbeat”功能。

请原谅我可怜的英语。

编辑:我有系统工作。我只是想改变'echo'$ resultaat“',以便它将$ resultaat放入一个tablerow。 在'}'之后添加不起作用,我试图解决这个问题,不确定我是否在回顾过程中尝试了所有可能性。请求后,我发布了整个文档。 另一个javascript部分被集成到另一个文档中;含有:

   <?php
session_start();
$ID = $_SESSION['ID'];


if (isset($_POST['logout'])) {
    session_destroy();
    $query = connection()->prepare("DELETE FROM `online` WHERE `ID` = :ID");
    $query->bindParam(':ID', $ID);
    $query->execute();
}
?>

<html>
    <head>
        <title>Stratego</title>
        <Link href="../layout/style.css" type="text/css" rel="stylesheet" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

        <script src="./js/HeartBeat.js"></script>
        <script>
            $(document).ready(function () {
                heartbeat.setSpelerId( <?php echo $ID; ?> );
                heartbeat.polling();
            });
        </script>
    </head>
    <body>
        <form method='post' name='logout' action="../setup/logout.php">
            <input type='submit' name='loggout' value='Log me out'>            
        </form>
        <a href="lobby1.php">Singleplayer</a>
        <div id="online-list">
        </div>
    </body>

    <?php echo "<script>
        function heartbeat(){
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
              if (xhttp.readyState == 4 && xhttp.status == 200) {
               console.log(xhttp.responseText);
               document.getElementById(\"online-list\").innerHTML = xhttp.responseText;
              }
            };
            xhttp.open(\"GET\", \"./wachtruimterInterface.php?action=heartbeat&id=" . $ID . "\", true);
            console.log('keeping in touch ༼つ ◕_◕ ༽つ');
            xhttp.send();
        }
        setInterval(heartbeat, 1000);
    </script>"; ?>
</html>

控制台日志用于检查是否正在维护连接。人们使用他们的ID登录,没有密码。

这就是它现在的样子,一个人在线;名叫卢克。 http://www.filedropper.com/screenproof 我的目标是让所有在线人员进入一个桌子。 我试过了

        $resultaat .= "<tr><td>{$user['username']} <br></td></tr>";
}
echo "<table>$resultaat</table>";

刚才,似乎没有工作,有关如何进步的任何提示?

1 个答案:

答案 0 :(得分:1)

我已经解决了这个问题;

    $resultaat = "";
foreach($onlineUsers as $user){
    $naam= $user['username']
    $resultaat .= "<tr><td>$naam</td></tr>";
}
echo "<table border=1>$resultaat</table>";