关于原生XMLHttpRequest的原理及使用细节

XMLHttpRequest是一个构造函数，可以创建一个XMLHttpRequest对象，这个对象可以用来与服务器交换数据。

使用方法：

1. 创建一个新的XMLHttpRequest对象

var xhr = new XMLHttpRequest();

2. 使用open方法设置请求

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

3. 设置请求头（可选）

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

4. 发送请求

xhr.send('name=John&age=30');

5. 处理服务器响应

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};

注意：

• 请求方法可以是'GET', 'POST', 'PUT', 'DELETE'等。
• 请求URL是你想要请求的服务器的地址。
• 第三个参数指示请求是否异步。如果是true，则请求是异步的，否则是同步的。
• 如果是'POST'方法，send方法的参数是请求的主体。
• onreadystatechange事件处理函数会在xhr对象的readyState属性变化时被调用。readyState的值可能是0（未初始化），1（正在加载），2（加载完成），3（交互中），4（完成）。当readyState为4且状态码为200时，表示请求成功完成。
• 响应的数据可以在responseText属性中找到，如果服务器返回的是JSON，可以用JSON.parse(xhr.responseText)转换。

以上是XMLHttpRequest的基本使用方法，但是在实际开发中，我们往往会用到更高级的功能，比如超时设置、错误处理、上传进度等，这些都可以通过XMLHttpRequest提供的相关API来实现。