javascript使用websocket在servlet上更改图片

Question

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

提前谢谢

Answer 1

我可以想出两种选择：

1. 客户端，定期轮询服务器，询问是否应该获取新映像；如果是，请获取它

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

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

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

希望这有帮助