JS–原生Ajax

GET 请求

// GET 请求
// 创建XMLHTTPRequest对象
const xhr = new XMLHttpRequest();
// 设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数
xhr.open("get", `url地址?id=${id}`);
// 发送请求
xhr.send();
// 注册事件 onreadystatechange 状态改变就会调用
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.response);
}
}

POST 请求

// POST 请求
const xhr = new XMLHttpRequest();
// 配置请求头,post请求一定要添加请求头,不然会报错
xhr.setRequestHeader("Content-type","application/x-www-urlencoded");
xhr.open("POSt","url地址");
xhr.send(`id=${id}&age=${age}`);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.response);
}
}

JS--原生Ajax

原文：https://www.cnblogs.com/fuct/p/15359229.html