XHR 请求

XHR 请求

XMLHttpRequest（XHR）是JavaScript中的一个对象，它提供了一种在网页中发送网络请求的方法，使得网页可以与服务器进行数据交换而无需重新加载整个页面。这种技术是AJAX（Asynchronous JavaScript and XML）的基础，允许网页实现动态更新，从而提升用户体验。

XHR的发展历程

• 1999年: IE5引入了XMLHTTP对象，这是XHR的前身。
• 2006年: XHR1成为W3C的推荐标准，被大多数现代浏览器所支持。
• 2008年: XHR2被提出，增加了更多的功能和改进，如跨源请求、进度事件、上传进度等。
• 2012年: XHR2成为W3C的推荐标准。

XHR的基本使用

创建XHR对象

var xhr = new XMLHttpRequest();

打开请求

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

发送请求

xhr.send();

处理响应

xhr.onreadystatechange = function() {
  if (xhr.ready