获取回应时，采用xhr对象的response属性

来获取响应内容是什么意思？

回答：xhr对象是XMLHttpRequest对象的缩写，它是浏览器提供的一种用于与服务器进行交互的API。当我们向服务器发送请求时，服务器会返回响应内容，xhr对象的response属性就是用来获取这个响应内容的。具体来说，我们可以通过xhr对象的onload事件来监听响应的到达，然后通过xhr对象的response属性来获取响应内容。

相关问题

xhr.response 获取某个属性

`xhr.response` 属性用于获取通过 HTTP 请求从服务器返回的响应主体数据。这个属性通常包含了HTTP响应的文本或二进制形式的内容，具体取决于你的HTTP请求头的`Content-Type`设置以及`xhr.responseType`的设置[^1]。

例如，如果你发送的是一个GET请求并设置了`responseType`为`"text"`，那么`xhr.response`将是一个字符串，包含了服务器的纯文本响应。如果设置为`"arraybuffer"`或`"blob"`，则会得到一个ArrayBuffer或Blob对象。

获取响应数据的方法通常是这样的：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'your-url', true);
xhr.responseType = 'text'; // 或者 'arraybuffer', 'blob' 等

xhr.onload = function () {
    if (xhr.status === 200) { // 成功请求
        var responseData = xhr.response; // 获取到的响应数据
        console.log(responseData); 
    } else {
        console.error('Request failed.  Returned status of ' + xhr.status);
    }
};

xhr.send();

js页面输出response 的属性值

在 JavaScript 中，可以通过访问 XMLHttpRequest 对象的属性来获取响应中的属性值。具体可以参考以下代码：

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

// 发送 GET 请求
xhr.open('GET', '/api/data');

// 监听 readyState 属性变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取响应中的属性值
    var response = JSON.parse(xhr.responseText);
    console.log(response.property);
  }
};

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

在这个例子中，我们通过 `XMLHttpRequest` 对象发送了一个 GET 请求，并通过监听 `readyState` 属性变化来获取响应。当 `readyState` 的值为 `4` 且 `status` 的值为 `200` 时，表示响应已经接收到了。我们可以通过 `xhr.responseText` 属性获取响应的文本内容，并通过 `JSON.parse()` 方法将其转换成 JavaScript 对象。最后，我们可以通过访问对象的属性来获取响应中的属性值。