javascript - 如何让它在JavaScript中刷新而不影响HTML？

Question

我有一段代码运行得非常好，但我不知道如何将 JavaScript 放入其中来检查我的表“聊天”中是否有一个额外的结果，如果有，则应该刷新页面，如果结果没有改变，然后不刷新页面，抱歉，但我不知道什么时候涉及 JavaScript。

聊天.php

require('checkformessages.php');
...

checkformessages.php

$sqlmessages = mysql_query("SELECT * FROM chat");
$numbermessages = mysql_num_rows($sqlmessages);


// JavaScript script (no idea what it's supposed to be
// but some kind of timer checking if there is new result in the database)

if($numbermessages===$Javascriptcheck) {
//do nothing
} else {
//it should refresh the chat.php because its required in the page
echo "<script>window.location = window.location.href;</script>";
}

Answer 1

这太宽泛了，需要进行更多研究。不过，我不介意添加一些注释来帮助您走上正轨:

1. AJAX 请求源自浏览器。如果您定期检查某些内容，也许您需要一个 JavaScript 计时器来向服务器发出请求。
2. 由于这是读取操作，因此 get 操作就可以了。您的脚本可能会从查询字符串中读取项目，然后以合适的消息格式进行响应。 JSON 现在很流行。
3. 您返回的数据可能最好作为新消息数组。您确实可以仅返回一个 bool 值，并在存在新行时刷新整个页面，但这相当浪费。您也可以在 AJAX 回复中返回新行。
4. 要获取新行，您需要在此表中添加时间戳，并使用 AJAX 操作将最后一个已知时间戳发送到服务器。新行是时间戳大于或等于提供的值的行。
5. jQuery get() 方法可能比较合适。

我建议您使用上述内容来开始 - 您可能需要使用搜索引擎来研究每个内容，我会鼓励这样做。如果您仍然遇到困难，在线学习一些示例/教程可能也会有所帮助。

祝你好运!