javascript - 如何获取实时数据？

Question

我正在尝试构建一个总线应用程序，其行为应与此 ( http://pdxlivebus.com/ ) 完全相同。

现在我根本不明白如何才能不断地从后端向 UI 提供数据？我不想在一段时间后发送 ajax 请求。我已经使用 React 和 Node.js 完成了聊天应用程序，但从某种意义上说，它们是实时的，即一个用户执行某些操作(发送消息或断开连接)，并且服务器发出套接字事件，客户端监听并更新。

但是像这样的应用程序 http://pdxlivebus.com/用户除了观看公交车之外什么都不做，UI 如何使用最新数据进行更新？

Answer 1

内部http://pdxlivebus.com/正在使用socket.io – 检查行号23178 共 http://pdxlivebus.com/dist/bundle.js

发出的事件vehicle_update返回如下数据:

{
  "routeNumber": 100,
  "delay": -37,
  "inCongestion": null,
  "latitude": 45.5231087,
  "longitude": -122.959265,
  "type": "rail",
  "vehicleID": 104
}

有了这样的信息，您可以为移动中的每个元素(vehicleID 是唯一的，很容易跟踪)构建动画。