前端如何做到 发送一个请求 不限制请求时间 直到加载出来

在前端中，发送一个请求并等待请求返回的数据可以使用异步请求来实现。异步请求不会阻塞浏览器的渲染和用户的交互，而是在后台进行请求和处理数据，一旦请求完成就会触发回调函数来处理数据。

如果你想要发送一个请求并等待请求返回数据，不限制请求时间，直到加载出来，可以使用以下步骤：

1. 创建一个XMLHttpRequest对象或者使用fetch API来发送异步请求。

2. 在发送请求之前，可以设置XMLHttpRequest对象的timeout属性来设置请求超时时间，或者使用fetch API的signal属性来设置请求的AbortController对象，以便在需要时取消请求。

3. 发送请求并在回调函数中处理返回的数据。如果请求超时或者被取消，可以在回调函数中处理相应的错误信息。

以下是一个使用XMLHttpRequest对象发送异步请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data', true);
xhr.timeout = 0; // 不限制请求时间
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 处理返回的数据
  }
};
xhr.send();

使用fetch API发送异步请求的示例代码：

var controller = new AbortController();
var signal = controller.signal;
fetch('https://example.com/data', {signal})
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    // 处理返回的数据
  })
  .catch(function(error) {
    if (error.name === 'AbortError') {
      // 请求被取消
    } else {
      // 处理其他错误信息
    }
  });

在以上示例代码中，我们设置了XMLHttpRequest对象的timeout属性为0，或者使用了fetch API的AbortController对象来取消请求。这样就可以实现发送一个请求不限制请求时间，直到加载出来的功能。