function ajax(url) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
/**
* 函数描述
*
* @GET {string} 请求方式
* @url {string} 请求地址
* @boolean 是否为异步请求
*/
xhr.open("GET", url, true);
xhr.onreadystatechange = function () {
// 0 未初始化 还没有调用send()方法
// 1 载入 已调用send()方法,正在发送请求
// 2 载入完成 send()方法执行完成,已经接收到全部响 应内容
// 3 交互 正在解析响应内容
// 4 完成 响应内容解析完成 可以在客户端调用
if (xhr.readyState === 4) {
// 响应码
if (xhr.status === 200) {
// 返回数据
resolve(JSON.parse(xhr.responseText));
}
// 处理非 200 的错误,自己定义
else if (xhr.status === 404) {
reject("404");
}
}
};
// 发送数据
xhr.send(null);
});
}
ajax("http:localhost:3000/song/url?id=33894312")
.then((res) => {
console.log(res);
})
.catch((err) => {
console.err(err);
});
实现一个简单的ajax请求
最新推荐文章于 2022-11-29 22:36:21 发布