Question

示例：浏览器中有两个显示相同页面的选项卡..现在问题是当我使用ajax更新第一个选项卡的内容时，结果只有在重新加载页面后才能在下一个选项卡中看到.. < / p>

如何在不手动刷新页面的情况下使其工作？

Answer 1

您可以使用Websocket。 node.js javascript有一个名为Socket.io的websocket实现。通过使用它，您可以通知连接到服务器的所有客户端，而不是从服务器提取数据。这是一个简单的实现：

<强>客户端：

<script src="path_to/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://your_rest_server');
  socket.on('update', function (response) {
      document.getElementById("content").innerHtml = response.data;
  });
</script>

服务器

io.sockets.on('connection', function (socket) { socket.emit('update', { data: 'New content' }); });

在上面的脚本中，服务器将更新发送到所有连接到名为“update”的框中的客户端。服务器已经侦听名为“更新”的框。当任何新内容到达时，它会将数据放入指定的html区域

您可以查看更多详细信息here

如何使用ajax同时更新页面内容？

1 个答案: