javascript - 我如何使用 XMLHttpRequest() 不断地向我网站的另一个页面发送数据？

Question

我在 node.js 和 express.js 中工作，并试图找到处理这个问题的最快方法。

我网站上的一个页面正在接收纬度 var lat 和经度 var long 的位置信息，我想不断将该信息发送到我网站上的另一个页面.我的代码非常不完整，但任何指导都非常有帮助。我目前收到错误 http://localhost/driver/save_position Failed to load resource: net::ERR_CONNECTION_REFUSED 和后来的 POST http://localhost/driver/save_position net::ERR_CONNECTION_REFUSED 在浏览器控制台中。我的代码如下。

这是在一个网页上运行的 javascript 文件中的代码，我想将信息发送到我的另一个页面，以便它可以不断更新。

function sendCoordinates(lat, lon){
  var xhttp = new XMLHttpRequest();
  xhttp.open("POST", "http://" + window.location.hostname + "/driver/save_position", true);
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.send('lat=' + lat + '&lon=' + lon);
}

在我的路由的单独文件中

router.post('/driver/save_position',function(req, res, next){
  console.log(req)
})

我是所有这些想法的初学者，所以非常感谢任何建议、帮助和解决方案!感谢您的任何帮助!

Answer 1

一个网页不会将数据直接发送到另一个网页，除非它在同一个浏览器中。因此，既然您说的是“您网站上的另一个页面”，我假设您是在谈论让数据出现在其他用户的其他页面中。如果那是您的意思，那么浏览器 Javascript 不具备这种能力。此外，当您说“发送到网页”时，您的意思并不是很清楚，因为这并不是真正的目的地。

您可以做的是向服务器发送请求，您可以要求该服务器通知其他一些已连接的用户/页面。如果该其他用户/页面有一个实时 webSocket 连接到服务器，则服务器可以通过 webSocket 向该用户/页面发送消息。

如果其他用户/页面没有到同一服务器的实时 webSocket 连接，那么它可以从服务器获取此信息的唯一方法是它通过自己的 Ajax 调用从服务器请求该信息。服务器必须存储该信息，以便当有人请求时，它可以提供信息。

---

如果您询问如何将数据从浏览器中的一个窗口发送到同一浏览器中的另一个窗口，那么您可以使用 postMessage() 在同一浏览器中的两个协作窗口之间发送数据.