实时更新前端

问题描述 投票:0回答:1

如何实时更新网页,而不需要用户刷新页面或执行任何操作?

示例:用户正在等待新产品发布,在此之前我们会显示“新产品即将上市”的图像。当我们准备好展示产品图片时,每个人都会同时看到它。

我想我必须使用 fetch-api 来替换内容(图像 url)。但我该如何以聪明的方式做到这一点呢?获取需要每秒运行一次,并且不会使用很多资源。非常感谢!

javascript frontend fetch live
1个回答
-1
投票

有几种方法可以做到这一点,我的方法是设置一个 websocket 连接,当产品准备就绪时,该连接会向前端(又名客户端)发送命令,然后您可以使用 ajax 发出 get 请求来获取最新数据

另一种方法是每 30 秒发出一次 ajax get request 请求,我不推荐这样做,因为它很慢,并且如果有很多用户,会增加服务器上的大量负载

© www.soinside.com 2019 - 2024. All rights reserved.