promise封装ajax

最新推荐文章于 2024-04-18 01:41:35 发布

暖ping

最新推荐文章于 2024-04-18 01:41:35 发布

阅读量823

点赞数

文章标签： promise ajax

本文链接：https://blog.csdn.net/JinPingQ/article/details/84334485

版权

Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。其实这里用“成功”和“失败”来描述并不准确，按照标准来讲，resolve是将Promise的状态置为fullfiled，reject是将Promise的状态置为rejected。

function ajax(url){
	var promise = new Promise(function(resolve,reject){
		if(window.XMLHttpRequest){
			var xhr = new XMLHttpRequest();
		}else{
			var xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		xhr.open("get",url,true);
		xhr.send();
		
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4){
				if(xhr.status == 200){
					var data = xhr.responseText;
					resolve(data);
				}else{
					reject();
				}
			}
		}
	})
	return promise;
}