new XMLHttpRequest()

`new XMLHttpRequest()` 是创建一个 XMLHttpRequest 对象的语法。XMLHttpRequest 对象用于在后台与服务器交换数据。

可以使用 XMLHttpRequest 对象来向服务器发送请求并获取服务器的响应，而无需刷新整个页面。这使得 Web 应用程序更加快速和灵活。

XMLHttpRequest 对象支持异步和同步请求。异步请求是指在后台发送请求，然后不会阻塞页面的加载和渲染。而同步请求是指在发送请求时，页面会被阻塞，直到请求完成并接收到服务器的响应。通常情况下，异步请求更加常用，因为它可以提供更好的用户体验。

相关问题

new XMLHttpRequest

new XMLHttpRequest是浏览器内置的一个构造函数，用于创建XMLHttpRequest实例对象。XMLHttpRequest实例对象可以发起Ajax请求，用于向服务器发送异步请求并获取数据。在axios中，axios.get()、axios.post()、axios()方法都是基于XMLHttpRequest封装的，用于发送Ajax请求。下面是一个使用XMLHttpRequest发送GET请求的代码示例：

// 创建一个XMLHttpRequest实例
let xhr = new XMLHttpRequest();

// 设置请求方式和地址
xhr.open('GET', 'http://example.com/api');

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

// 监听load事件，当请求成功返回时触发
xhr.addEventListener('load', function () {
  console.log(this.response);
});

这段代码创建了一个XMLHttpRequest实例对象xhr，然后使用open方法设置请求方式为GET，并指定请求的地址为http://example.com/api。最后调用send方法发送请求，并通过监听load事件来获取响应数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [XMLHttpRequest 的基本用法](https://blog.csdn.net/qiaokelibangwo/article/details/125351945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [XMLHttpRequest发送网络请求的基本使用，和封装自己的ajax](https://blog.csdn.net/weixin_53312997/article/details/125547811)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

xmlHttpRequest = new XMLHttpRequest();

创建XMLHttpRequest对象的目的是为了在JavaScript中执行异步数据请求。当你看到`xmlHttpRequest = new XMLHttpRequest();`这行代码时，它是在初始化一个新的XMLHttpRequest实例，这个实例允许浏览器向服务器发起HTTP请求而无需刷新整个页面。

具体步骤如下：

1. 定义变量`xmlHttpRequest`，这是一种内置的对象类型，用来处理HTTP请求和响应。
2. 使用`new XMLHttpRequest()`构造函数创建一个新的XMLHttpRequest对象。如果当前环境支持新的API（通常是现代浏览器），则会创建一个基于标准的对象；对于旧版IE，由于不支持原生的XMLHttpRequest，会使用ActiveXObject来模拟。

这是创建并初始化XMLHttpRequest的基本示例[^1]:

var xmlhttp;
if (window.XMLHttpRequest) {
  // 新版浏览器
  xmlhttp = new XMLHttpRequest();
} else {
  // IE6/7/8
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

一旦有了这个对象，你可以调用它的方法来进行实际的数据交互，比如`open()`和`send()`。