如何通过xmlhttp.open处理响应数据

发布时间:2024-10-16 02:59:57

阅读量:143

使用XMLHttpRequest对象处理响应数据主要包括以下步骤：

创建一个XMLHttpRequest对象实例：

var xhr = new XMLHttpRequest();

初始化请求，设置请求方法（GET或POST），请求的URL，以及是否异步处理：

xhr.open('GET', 'your-url-here', true);

设置请求完成时的回调函数，onreadystatechange事件会在请求状态发生变化时被触发：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) { // 请求已完成，且响应已就绪
    if (xhr.status === 200) { // 请求成功（HTTP状态码为200）
      // 处理响应数据
      console.log(xhr.responseText);
    } else {
      // 请求失败，处理错误情况
      console.error('Error: ' + xhr.status);
    }
  }
};

发送请求，如果是POST请求，可以在发送请求前设置请求头，以及传递请求体数据：

xhr.send();

以下是一个完整的示例：

// 创建XMLHttpRequest对象实例
var xhr = new XMLHttpRequest();

// 初始化请求
xhr.open('GET', 'your-url-here', true);

// 设置请求完成时的回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) { // 请求已完成，且响应已就绪
    if (xhr.status === 200) { // 请求成功（HTTP状态码为200）
      // 处理响应数据
      var responseData = JSON.parse(xhr.responseText);
      console.log(responseData);
    } else {
      // 请求失败，处理错误情况
      console.error('Error: ' + xhr.status);
    }
  }
};

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