代码:::
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</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.事件绑定
x.onreadystatechange = function () {
if (x.readyState === 4) {
if (x.status >= 200 && x.status < 300) {
//成功啦
resolve(x.response);
} else {
reject(x.status);
}
}
}
})
}
// promise then 方法测试
// const result = sendAJAX("https://api.apiopen.top/getJoke")
// console.log(result)
// sendAJAX("https://api.apiopen.top/getJoke").then(value=>{
// console.log(value);
// }, reason=>{})
// async 与 await 测试
async function name(params) {
// 发送AJAX请求
let result = await sendAJAX("https://api.apiopen.top/getJoke");
console.log(result);
}
name();
</script>
</body>
</html>
运行结果: