Javascript 使用websocket在servlet上更改图片

我有一个小网站，每次用户点击一张图片，它都会改变。它是基于HTML5、JS、Java和Wildfly制作的。有人知道如何为其他用户的浏览器更新图像吗？我的意思是，每次有人点击图片，它都会改变，我希望我的网站上的其他用户也会改变。 我用JSON将JavaScript和Java连接起来，但是如何将消息从Java发送到JavaScript呢？再次使用JSON

---

提前感谢

我可以想出两个选择：

客户端，定期轮询服务器，询问是否应该获取新映像；如果是的话，就得到它

与连接，并从服务器向客户端发送通知，告知其获取新映像

选项1可能很容易实现。在后端创建跟踪“当前”映像的端点。您的客户端可以点击该端点，并在确定有必要时更新映像。缺点是您将不断从所有客户端轮询服务器

选项2更稳健一些。websocket允许双向通信。因此，在服务器端，您仍然可以跟踪当前图像。当客户端单击映像时，您将发送一条消息（客户端->服务器），通知后端更改映像。然后，服务器可以向所有打开的WebSocket发送消息，通知它们需要更改映像。您发送给客户的消息可能包含图像url或显示它所需的任何信息

希望这有帮助