new XMLHttpRequest() 的作用和用法

1.1 XMLHttpRequest的概念

XMLHttpRequest是浏览器内置的一个构造函数。所以使用的时候需要 new ​ 作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。 ​ axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpRequest（简称：XHR） 封装
————————————————
版权声明：本文为CSDN博主「巧克力棒好好吃喔」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qiaokelibangwo/article/details/125351945

get方法
// 创建 xhr 对象
const xhr = new XMLHttpRequest();
// 调用 xhr.open() 函数
xhr.open('GET', '请求地址?参数');

post请求可以// 设置头信息
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');


get请求// 调用 xhr.send() 函数 /post请求的参数
xhr.send();                  / xhr.send('bookname=三体&author=刘慈欣&publisher=北京人民出版社');

// 监听 load 事件
xhr.addEventListener('load', function() {
    console.log(xhr.response);
});