Javascript Ajax实时更新span

我正在尝试获取聊天系统的联机/脱机状态更新。目前，我一直在研究如何实时更新span。我让事情运转起来，但它不断地为我的跨度增加价值（在线的人）。我想要实现的是有一个静态的人员列表（那些在我的数据库中的人），如果他们在线的话，在它旁边有一个绿色的项目符号

这是我的jQuery脚本：

function theStatus(type, msg){
    $("#status").append(
        "<span class='status "+ type +"'>"+ msg +"</span>"
    );
}

function getStatus(){
$.ajax({
    type:       "get",
    url:        "php/ajax/status_users.php",

    async:      true,
    cache:      false,
    timeout:    1000,

    success: function(data){
        theStatus("rt", data);
        setTimeout(
            getStatus,
            1000
        );
        } 
    });
};


$(document).ready(function(){
    getStatus();
});

函数状态（类型，msg）{
$（“#状态”）。追加(
“+msg+”
);
}
函数getStatus（）{
$.ajax({
键入：“获取”，
url:“php/ajax/status_users.php”，
async:true，
cache:false，
超时：1000，
成功：功能（数据）{
状态（“rt”，数据）；
设置超时(
获取状态，
1000
);
} 
});
};
$（文档）.ready（函数（）{
getStatus（）；
});

---

欢迎大家帮忙

我不知道您的php脚本现在返回什么，但我希望它返回用户名slug和状态的键值对

然后，您可以将用户名slug作为ID添加到每个用户范围中，并针对正确的范围更改状态（如果需要），或者如果在html中找不到，则添加其他用户

---

此时，您只需在每次ajax函数返回结果时追加

span

，而不是根据服务器返回的列表检查现有列表。

这就是

。append

的作用–如果您不想这样做，请使用替换当前元素内容的方法。函数status（输入，msg）{$（“#status”）.empty（）；$（“#status”）.append（“+msg+”）；}谢谢你的回复！拉贾希的建议对我很有用。谢谢：）