nodejs读取本地文件与js渲染网页,互相通信做到实时更新网页内容

本文讲述了如何通过node.js处理服务端识别结果,利用WebSocket实现实时更新网页,包括读取本地json数据、CORS设置、检测文件更新和使用WebSocket通信的过程,以及如何在Ubuntu上设置开机自启脚本以简化操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近有个识别项目做的服务端,做了简易版的界面显示在网页上,需要根据服务端的识别结果更新之后,网页进行刷新显示识别结果,而不是网页一直闪屏刷新,此贴记录一下过程:

1.将需要显示的数据存为json数据(此json会一直覆盖更新),方便js读取

2.js无法读取本地文件,需要用到node.js

3.node.js读取数据之后开启服务器监听,并检测文件是否更新

4.检测到文件更新之后,使用websocket进行nodejs和js之间的通信

4.js接收到更新信号后,访问服务器获取json数据并渲染到html上

根据以上过程开始行动:

1.准备好所需要的json数据

2.使用node.js读取数据并开启服务监听,过程中可能会被浏览器拦截,所以需要进行CORS头部设置:

文件名为server.js .使用node运行

访问一下地址,可以看到我们准备好的json数据已经被放到浏览器上面了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值