js 使用XMLHttpRequest 封装http请求并返回响应的信息,如果超时了,则返回字符串请求超时

### 回答1：
好的，下面是使用XMLHttpRequest对象封装HTTP请求的代码示例，如果请求超时则返回字符串"请求超时"：

function httpGet(url, timeout) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.timeout = timeout; // 设置超时时间
    xhr.open("GET", url);
    xhr.onload = () => {
      if (xhr.status === 200) {
        resolve(xhr.responseText);
      } else {
        reject(new Error(xhr.statusText));
      }
    };
    xhr.ontimeout = () => {
      reject(new Error("请求超时"));
    };
    xhr.onerror = () => {
      reject(new Error("请求失败"));
    };
    xhr.send();
  });
}

这里使用了Promise对象，可以使用该方法进行异步请求，并在异步请求完成后进行处理，使用示例：

httpGet("http://example.com/api/data", 5000)
  .then((responseText) => {
    // 处理响应数据
    console.log(responseText);
  })
  .catch((error) => {
    // 处理请求失败或超时情况
    console.error(error);
  });

在调用httpGet函数时，需要传入两个参数，第一个参数是请求的URL，第二个参数是超时时间，单位是毫秒。如果请求超时，会调用`reject()`方法，返回一个包含错误信息的Promise对象，可以使用`catch()`方法处理该错误。如果请求成功，会调用`resolve()`方法，返回包含响应数据的Promise对象，可以使用`then()`方法处理该响应数据。

### 回答2：
使用JavaScript的XMLHttpRequest对象可以封装HTTP请求，并通过监听事件来获取响应的信息。如果请求超时，则可以通过设置定时器来检测超时情况，并返回字符串"请求超时"。

首先，我们创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

然后，我们使用open()方法来配置请求，参数包括请求类型、请求的URL地址以及是否异步处理请求：

xhr.open('GET', 'http://example.com/api', true);

接下来，我们监听readystatechange事件来检测请求的状态变化：

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log(xhr.responseText); // 获取服务器返回的响应信息
        } else {
            console.error('请求出错');
        }
    }
};

然后，我们设置一个定时器来检测请求是否超时：

var timeout = false;
var timer = setTimeout(function() {
    timeout = true;
    xhr.abort(); // 中断请求
}, 5000); // 超时时间设为5秒

xhr.send(); // 发送请求

// 在监听事件中进行超时判断
if (timeout) {
    console.log('请求超时');
    clearTimeout(timer); // 清除定时器
}

以上就是使用XMLHttpRequest对象封装HTTP请求并返回响应信息的简单示例，当请求超时时会返回字符串"请求超时"。根据实际需求，你还可以添加其他的错误处理和逻辑。

### 回答3：
使用XMLHttpRequest可以封装HTTP请求并返回响应的信息，如果超时了，则可以返回字符串"请求超时"。

首先，我们可以创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

然后，我们需要指定请求的方法、URL和是否进行异步请求：

xhr.open('GET', 'http://example.com', true); // 可以根据需求指定请求方法和URL

接着，我们可以设置请求超时的时间：

xhr.timeout = 5000; // 设置超时时间为5秒

我们还需要设置超时处理函数，当请求超时时会触发该函数：

xhr.ontimeout = function () {
    // 请求超时的处理逻辑
    console.log('请求超时');
};

同时，我们还需要监听请求的状态变化：

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) { // 请求完成
        if (xhr.status === 200) { // 请求成功
            // 可以通过xhr.responseText获取服务器返回的响应信息
            console.log(xhr.responseText);
        } else { // 请求失败
            console.log('请求失败');
        }
    }
};

最后，我们发送请求：

xhr.send();

通过以上步骤，我们可以通过XMLHttpRequest封装HTTP请求，并在超时时返回字符串"请求超时"。当请求成功时，我们可以获取服务器返回的响应信息，当请求失败时，我们可以进行相应的处理。