手写promise版本ajax

最新推荐文章于 2025-05-21 20:50:09 发布

转载最新推荐文章于 2025-05-21 20:50:09 发布 · 1.5k 阅读

文章标签：

#前端面经汇总 #promise版ajax

本文介绍了一种使用Promise来封装Ajax请求的方法，通过这种方式可以更好地处理异步操作，提高代码的可读性和可维护性。文章提供了具体的实现代码，并指出了在成功与失败情况下的处理方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// ajax函数将返回Promise对象:
function ajax(method, url, data) {
var request = new XMLHttpRequest();
return new Promise(function (resolve, reject) {
request.onreadystatechange = function () {
if (request.readyState === 4) {
if (request.status === 200) {
resolve(request.responseText);
} else {
reject(request.status);
}
}
};
request.open(method, url);
request.send(data);
});
}

var log = document.getElementById('test-promise-ajax-result');
var p = ajax('GET', '/api/categories');
p.then(function (text) { // 如果AJAX成功，获得响应内容
log.innerText = text;
}).catch(function (status) { // 如果AJAX失败，获得响应代码
log.innerText = 'ERROR: ' + status;

});

如果你想详细了解promise： http://www.jianshu.com/p/05de7c1ef080

如果你想了解promise与ajax: http://www.cnblogs.com/284628487a/p/5556144.html