更改 UI 上的数据而不刷新
Change data on UI without refresh
如何在使用 node js 的 Web 应用程序中更改 UI 上的某些数据而不刷新屏幕?
我只需要更改屏幕上的一些内容。还有一个疑问是,每当数据库中的数据发生变化时,屏幕上的数据如何更新。
您可以通过名为 (setTimeout
) 的方法使用 JavaScript 通过此方法您可以在特定时间更改 UI
你这里没有任何代码,所以我无法根据你的情况给你准确的答案。而且您还没有告诉我您希望它如何不 'refresh' 例如单击按钮或类似的东西。
对于您的情况,我最好的建议是查看 Socket.io,socket.io 是 Nodejs 中的一个框架,可以帮助您与 WebSockets 进行交互。 WebSocket 是客户端和服务器之间的直接连接,不需要客户端触发。而不是通过在应用程序中每隔几秒获取一次数据来解决这个问题。 fireship 的 Jeff 对此主题做了更好的解释,您可以在这里观看他的视频:https://www.youtube.com/watch?v=1BfCnjr_Vjg
官方 socket.io 文档:https://socket.io/docs/v4/
有用的资源:
https://www.youtube.com/watch?v=ZKEqqIO7n-k
https://www.youtube.com/watch?v=tVUE_JiPU-k
希望对您有所帮助!
如何在使用 node js 的 Web 应用程序中更改 UI 上的某些数据而不刷新屏幕? 我只需要更改屏幕上的一些内容。还有一个疑问是,每当数据库中的数据发生变化时,屏幕上的数据如何更新。
您可以通过名为 (setTimeout
) 的方法使用 JavaScript 通过此方法您可以在特定时间更改 UI
你这里没有任何代码,所以我无法根据你的情况给你准确的答案。而且您还没有告诉我您希望它如何不 'refresh' 例如单击按钮或类似的东西。
对于您的情况,我最好的建议是查看 Socket.io,socket.io 是 Nodejs 中的一个框架,可以帮助您与 WebSockets 进行交互。 WebSocket 是客户端和服务器之间的直接连接,不需要客户端触发。而不是通过在应用程序中每隔几秒获取一次数据来解决这个问题。 fireship 的 Jeff 对此主题做了更好的解释,您可以在这里观看他的视频:https://www.youtube.com/watch?v=1BfCnjr_Vjg
官方 socket.io 文档:https://socket.io/docs/v4/
有用的资源:
https://www.youtube.com/watch?v=ZKEqqIO7n-k
https://www.youtube.com/watch?v=tVUE_JiPU-k
希望对您有所帮助!