超时重新请求 ajax 示例代码

超时重新请求 ajax 是一种处理网络请求超时的机制。当发送 ajax 请求后，如果在规定的时间内没有得到响应，就会触发超时事件。为了解决这个问题，可以在超时事件中重新发送相同的请求，以获取响应。这样可以确保在网络不稳定的情况下，能够及时获取到数据。

示例代码如下：

function sendAjaxRequest() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://api.example.com/data', true);
  xhr.timeout = 5000; // 设置超时时间为5秒
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 请求成功，处理响应数据
      console.log(xhr.responseText);
    }
  };
  xhr.ontimeout = function() {
    // 超时事件处理函数
    console.log('请求超时，重新发送请求');
    sendAjaxRequest(); // 重新发送相同的请求
  };
  xhr.send();
}
sendAjaxRequest();

在上面的示例代码中，我们通过 XMLHttpRequest 对象发送了一个 GET 请求到 `https://api.example.com/data`。我们设置了超时时间为 5 秒，即如果在 5 秒内没有得到响应，就会触发超时事件。

在超时事件的处理函数中，我们输出了一条提示信息，并且调用了 `sendAjaxRequest()` 函数，重新发送相同的请求。这样就能够实现在超时情况下重新请求数据的功能。

通过这种超时重新请求的机制，我们可以提高网络请求的稳定性，确保能够及时获取到数据。