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

Posted 2023-05-09

【中文标题】在不重新加载的情况下向 div 添加/删除内容

【英文标题】：Adding / removing content to a div without reloading

【发布时间】：2021-08-01 12:55:11

【问题描述】：

您能否就这种情况给我一些建议：

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

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

var refreshId = setInterval(function()

     $('#commentdiv').load('loadcomments.php').fadeIn("slow");
, 3000); 

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

它工作正常，但它刷新所有 div，我希望“只”加载新的 cmets 并将其推送到 div + 弹出redutant cmets。

问候， 卢克

【问题讨论】：

对于您提供的那一点点信息，我们无能为力。你没有显示你的页面结构，所以 html 标记。我们只能说一般建议：显然，不要淡入 div，而是添加到 div 的内容中。

【参考方案1】：

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

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