onbeforeunload触发ajax 示例代码

onbeforeunload是一个事件，在用户离开当前页面之前触发。它可以用来执行一些操作，例如发送一个Ajax请求，以便在用户离开页面之前保存一些数据或执行其他必要的操作。

示例代码如下：

window.onbeforeunload = function() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求方法和URL
  xhr.open('POST', '/save-data', true);
  // 设置请求头
  xhr.setRequestHeader('Content-Type', 'application/json');
  // 构建要发送的数据
  var data = {
    username: 'example',
    email: 'example@example.com'
  };
  // 将数据转换为JSON字符串
  var jsonData = JSON.stringify(data);
  // 发送请求
  xhr.send(jsonData);
  // 返回一个字符串，浏览器将显示这个字符串作为提示信息
  return '您确定要离开此页面吗？';
};

在这个示例中，我们使用window.onbeforeunload事件来触发Ajax请求。当用户离开页面时，会执行onbeforeunload事件处理程序中的代码。我们创建一个XMLHttpRequest对象，并设置请求方法和URL。然后，我们设置请求头并构建要发送的数据。接下来，我们将数据转换为JSON字符串，并通过send方法发送请求。我们返回一个字符串作为提示信息，浏览器将显示这个字符串作为确认离开页面的提示。

请注意，由于浏览器的安全策略，onbeforeunload事件处理程序中的Ajax请求可能会被取消或延迟执行。这种方法可能不适用于所有情况。