实现 ajax 以进行有效的实时聊天

Question

我正在尝试为我的网站构建一个简单的实时聊天，我已经设置了所有内容，包括数据库、登录和注销系统、表单、在聊天表单中显示数据库值。

我唯一缺少的是实现实时刷新功能，这样用户就不必手动刷新站点来查看新消息。 我有点迷茫，你能给我一些指导吗？ 我猜我必须在发送消息时添加一个特定的 javascript 调用，或者按下“发送”按钮更具体，然后调用一个函数来刷新每个参与者的聊天。不确定从哪里开始或使用哪个代码。

Answer 1

基本上，您有两种方法来实现它。

1. 使用带有 ajax 请求的 轮询技术，这将为您提供更大的兼容性，但您将需要做更多的工作来实现它。对于现在的大多数情况，我真的不考虑它，因为它可能非常低效。

2. 使用 socket 机制，您可以使用 web sockets 作为开箱即用的解决方案，现在大多数浏览器都支持它您可以使用 socket.io 的第三方库，它可以回退到 Web 套接字，但它提供了一些开箱即用的功能，例如通道，您会从中受益从。最后，对于第三方服务，您可以使用他们拥有实时数据库的 firebase/firestore，因此每当发生更改时，您都会收到通知。

我建议使用 Web 套接字方法（本机）或使用像 socket.io 这样的包装器/库。如果您使用 Socket.io，那里有很多与该库建立聊天的教程，因此您可以非常快速地获得工作示例。