async与await封装ajax请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>发送 AJAX 请求</title>
</head>
<body>
<script>
// 发送 AJAX 请求, 返回的结果是 Promise 对象
function sendAJAX(url) {
return new Promise((resolve, reject) => {
//1. 创建对象
const x = new XMLHttpRequest();
//2. 初始化
x.open('GET', url);
//3. 发送
x.send();
//4. 事件绑定
if (x.readyState === 4) {
if (x.status >= 200 && x.status < 300) {
//成功啦
sponse);
}else{
//如果失败
reject(x.status);
}
}
}
})
}
/
/promise then ⽅法测试
// sendAJAX("p/getJoke").then(value=>{
//    console.log(value);
// }, reason=>{})
// async与await 测试axios
async function main(){
//发送 AJAX 请求
let result = await sendAJAX("p/getJoke");
await和async使用方法console.log(result);
}
main();
</script>
</body>
</html>
如上图所⽰，封装ajax的升级版，使⽤async函数，更加⽅便；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。