AJAX 检测两个浏览器窗口是否打开同一个网站

在本文中，我们将介绍如何使用AJAX技术来检测两个浏览器窗口是否打开了同一个网站。这是一个非常常见的应用场景，可以用来检测用户是否已经登录或者限制同一用户在多个窗口同时操作。

阅读更多：AJAX 教程

什么是AJAX

AJAX（Asynchronous JavaScript and XML）是一种通过使用JavaScript和XML来实现在浏览器与服务器之间进行异步数据交互的技术。它可以在不刷新整个页面的情况下，通过后台发送和接收数据，实现动态更新网页内容的功能。

实现方式

要实现检测两个浏览器窗口是否打开了同一个网站，我们可以通过AJAX技术来实现。具体步骤如下：

在网站的每个页面中插入一个用于通信的隐藏iframe或者使用Web Socket等技术；
在页面加载时，通过AJAX发送一个请求到服务器，告知服务器当前窗口的标识符（可以使用cookie、session等信息来唯一标识窗口）；
服务器收到请求后，将窗口标识符存储到一个共享的数据结构中，例如Redis或者数据库；
当其他窗口加载时，也会发送一个类似的AJAX请求到服务器；
服务器通过比较新请求的窗口标识符和已存储的标识符来判断是否是同一个窗口；
根据判断结果，服务器可以返回相应的数据给客户端，比如提示用户在其他窗口已经登录了。

下面是一个简单的示例代码：

// 页面加载时发送AJAX请求
function sendRequest() {
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/checkWindow", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      if (response.isSameWindow) {
        // 同一个窗口的处理逻辑
      } else {
        // 不同窗口的处理逻辑
      }
    }
  };
  xhr.send(JSON.stringify({ windowId: uniqueWindowId }));
}

服务器端处理代码示例（使用Node.js和Express框架）：

app.post('/checkWindow', (req, res) => {
  var windowId = req.body.windowId;
  var isSameWindow = checkIfSameWindow(windowId);
  res.send({ isSameWindow: isSameWindow });
});