js中XMLHttpRequest属性和方法

XMLHttpRequest 是 JavaScript 中的一个内置对象，用于在后台与服务器交换数据。以下是常用的 XMLHttpRequest 属性和方法：

属性：

- onreadystatechange：当 readyState 属性发生变化时调用的事件句柄。
- readyState：请求的状态，从 0 到 4 发生变化。
- response：响应内容，可以是文本、XML、JSON 等。
- responseType：响应类型，可以是 "text"、"arraybuffer"、"blob"、"document" 或 "json"。
- status：响应状态码，如 200 表示成功，404 表示未找到资源。
- statusText：响应状态的文本描述。

方法：

- open(method, url, async)：初始化请求。method 表示请求的方法，如 GET、POST 等；url 表示请求的地址；async 表示是否异步执行请求。
- send(data)：将请求发送到服务器。data 表示要发送的数据，可以是字符串、FormData 对象等。
- setRequestHeader(name, value)：设置请求头。name 表示请求头的名称，value 表示请求头的值。
- abort()：终止请求。
- getAllResponseHeaders()：获取所有响应头。
- getResponseHeader(name)：获取指定的响应头。name 表示响应头的名称。

相关问题

如何解决js中XMLHttpRequest不能跨域请求的问题

在 JavaScript 中，XMLHttpRequest 默认是不允许跨域请求的，这是由于浏览器的安全策略所限制的。要解决跨域请求的问题，可以采用以下几种方法：

1. 使用 JSONP

JSONP 是一种利用 JavaScript 标签的 src 属性不受同源策略限制的特性来实现跨域请求的方法。这种方法的原理是在客户端动态创建一个 script 标签，让其 src 属性指向一个跨域的 URL，并将需要传递的参数以查询字符串的形式拼接在 URL 后面，服务端接收到请求后返回一段 JavaScript 代码，该代码会调用客户端预先定义好的回调函数，并将数据作为参数传递给该函数。

2. 使用 CORS

CORS（Cross-Origin Resource Sharing）是一种跨域资源共享的机制，它允许服务器在响应头中设置 Access-Control-Allow-Origin 字段，来指定哪些域名可以访问该资源。对于需要跨域请求的资源，只需要在响应头中设置 Access-Control-Allow-Origin 字段即可。

3. 使用代理服务器

如果上述两种方法都无法使用，可以考虑使用代理服务器来转发请求。客户端请求代理服务器，代理服务器再向目标服务器发送请求，并将目标服务器返回的数据转发给客户端。这种方法虽然可以解决跨域请求的问题，但需要额外的服务器资源和网络带宽。

总之，在实际的开发中，应根据具体的情况选择合适的跨域解决方案。

javascript XMLHttpRequest

XMLHttpRequest (XHR) 是一个 API，它为客户端提供了在客户端和服务器之间进行 HTTP 请求和响应的方法。使用它，您可以在不刷新页面的情况下向服务器发送请求和接收响应。它是基于 JavaScript 和 AJAX 技术开发的。

以下是一个使用 XMLHttpRequest 发送 GET 请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data');
xhr.onload = function() {
   if (xhr.status === 200) {
      console.log(xhr.responseText);
   }
   else {
      console.log('请求失败。状态码为 ' + xhr.status);
   }
};
xhr.send();

该示例创建了一个 XMLHttpRequest 实例，并使用 `open()` 方法指定请求类型和 URL。然后，使用 `onload()` 方法指定当请求完成时要执行的函数。最后，使用 `send()` 方法发送请求。

如果请求成功，`xhr.responseText` 属性将包含响应的文本。否则，将打印错误消息。