在不重新加载的情况下向 div 添加/删除内容

Question

你能不能给我一些关于这种情况的建议：

1. 我有用户评论的数据库
2. 我有一个 div，其中添加了 10 条最后的评论
3. 我想每 3 秒刷新一次这个 div，但我不想刷新所有 div - 我想向 div 添加新评论/或评论并删除多余的评论。

所以，现在我有类似的东西：

var refreshId = setInterval(function()
{
     $('#commentdiv').load('loadcomments.php').fadeIn("slow");
}, 3000); 

<div id="commentdiv'"></div>

它工作正常，但它刷新了所有 div，我想“只”加载新评论并将其推送到 div + 弹出 redutant 评论。

问候， 卢克

Answer 1

• 您需要在屏幕上存储上次加载的评论 ID。当你想要的时候 要刷新 div 以获取新评论，您可以发送上次加载的评论 id 通过查询字符串，如“loadcomments.php?last_id=5”。

• 在 loadcomments.php 上你可以得到最后一个 id 并且你可以创建 像这样的查询“SELECT * FROM comments WHERE id > 5 AND article_id = 2”。