在聊天应用程序中显示联机用户

Question

我有一个聊天应用程序，在这个应用程序中，我想在聊天室中显示在线用户。我有一个记录在线用户的数据库，每当有新用户出现时，它就会不断变化。每当用户离开时，都会将其从数据库中删除。数据库由两列组成：用户名和房间。数据库端运行良好。

onlinear.hp:

<?php
$data = array();
        $current = $_GET['current'];
        $room = $_GET['room'];
        $getRoomUsers = mysql_query("SELECT * FROM `chat_users_rooms` WHERE `room` = '".$room."'");
        if(mysql_num_rows($getRoomUsers) != $current)
        {
            $data['numOfUsers'] = mysql_num_rows($getRoomUsers);    
        }
        else
        {
            $data['numOfUsers'] = $current; 
        }
        echo json_encode($data);
?>

online.js:

var numOfUsers = 0;
var room;
function chat(room2)
{
room = room2;   
}
$.ajaxSetup({
    cache: false 
});

function getuserlist() {

     $.ajax({
        type: "GET",
        url: "onlinelar.php",
        data: {  
                'room': room,
                'current' : numOfUsers
              },
        dataType: "json",
        cache: false,
        success: function(data) {
                if (numOfUsers != data.numOfUsers) {
                numOfUsers = data.numOfUsers;
                $('#bu').html($("<strong id='bu'>"+ numOfUsers + "</strong>"));
            }


            setTimeout(getuserlist(),1);
        },
    });
}

最后，它在index.html:中的初始值设定项

----

       <script type="text/javascript">
                var chat = new Chat(<?php echo $room;?>);
                chat.getuserlist();
            </script>
                      <strong id="bu">
                        <?php
                        echo $numOfUsers;
                        ?>
                        </strong>

------

在这里，我想检查数据库的情况（某个房间的行数），并同时更改该房间中的聊天次数current表示用户数，room表示房间名称。但是，即使数据库的行数在变化，也不会有任何变化。我缺了哪一部分？注意：我在index.php中添加了online.js

Answer 1

$('#bu').html($("<strong id='bu'>"+ numOfUsers + "</strong>"));

这行将一个新元素放在你的旧元素下面，你想做的是通过调用来替换旧元素

$('#bu').html(numOfUsers);

此外，setTimeout()需要几毫秒，因此1是一个非常低的值，您可能希望从1000开始，然后从那里开始工作。

编辑：setTimeout()将一个函数作为参数，因此您需要调用：

setTimeout(getuserlist, 1000);