XMLHttpRequest对象有哪些字段

XMLHttpRequest对象有以下一些主要的字段（属性）：

1. `readyState`：表示请求的状态，具体取值如下：
- 0: 未初始化，尚未调用open()方法
- 1: 启动，已经调用open()方法，但尚未调用send()方法
- 2: 发送，已经调用send()方法，但尚未接收到响应
- 3: 接收，已经接收到部分响应数据
- 4: 完成，已经接收到全部响应数据且可以使用

2. `status`：表示服务器返回的HTTP状态码，常见的取值如下：
- 200: 请求成功
- 404: 请求的资源不存在
- 500: 服务器内部错误

3. `statusText`：表示服务器返回的HTTP状态文本信息，比如"OK"、"Not Found"等。

4. `responseText`：表示服务器返回的响应数据，通常是一个字符串。

5. `responseXML`：表示服务器返回的响应数据，以XML文档对象的形式表示。

6. `timeout`：表示请求的超时时间，单位为毫秒。

7. `withCredentials`：表示是否发送跨域请求时携带凭据（如cookie、HTTP认证等）。

8. `upload`：表示上传过程中的相关信息，包括进度事件和上传状态等。

这些字段可以通过`XMLHttpRequest`对象来访问和操作，以便获取请求的状态、服务器响应数据等信息。

相关问题

XMLHttpRequest 对象怎么设置 Access-Control-Allow-Origin

XMLHttpRequest对象是用于在浏览器中发送HTTP请求和接收响应的JavaScript API。可以用于实现AJAX请求，从而在不刷新整个页面的情况下更新部分页面内容。

要设置Access-Control-Allow-Origin头部字段，需要在服务器端进行配置。该头部字段用于指定允许访问资源的域名。

在服务器端，可以通过设置响应头部字段来允许特定的域名访问资源。以下是一个示例代码，展示如何在服务器端设置Access-Control-Allow-Origin头部字段：

// Node.js示例
const http = require('http');

http.createServer(function (req, res) {
  // 设置Access-Control-Allow-Origin头部字段为允许访问的域名
  res.setHeader('Access-Control-Allow-Origin', 'http://example.com');

  // 其他响应设置...
}).listen(8080);

上述代码中，将Access-Control-Allow-Origin头部字段设置为"http://example.com"，这样只有来自该域名的请求才能访问服务器端资源。如果想允许所有域名访问资源，可以将该字段设置为"*"。

需要注意的是，这只是一个简单的示例，实际应用中可能需要更复杂的跨域配置，例如设置其他CORS相关的头部字段。

XMLHttpRequest header

XMLHttpRequest对象可以使用setRequestHeader()方法来添加HTTP头。例如，可以使用以下代码来设置XMLHttpRequest的header：

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

这将在发送XMLHttpRequest请求时将Content-type头设置为"application/x-www-form-urlencoded"。[2]

另外，如果你想在所有XMLHttpRequest请求的header上添加一个字段，你可以使用以下代码：

let req = XMLHttpRequest;
(function(open, send) {
  XMLHttpRequest.prototype.open = function() {
    open.apply(this, arguments);
  }
  XMLHttpRequest.prototype.send = function() {
    this.setRequestHeader('xiangge', '6663');
    send.apply(this, arguments);
  }
})(req.prototype.open, XMLHttpRequest.prototype.send);

这将在每个XMLHttpRequest请求的header中添加一个名为"xiangge"的字段，并将其值设置为"6663"。[3]