Promise对象的简单应用

一、加载图片

 

const preloadImage=function(path){
	return new Promise(function(resolve,reject){
		var img=new Image();
		img.onload=resolve;
		img.onerror=reject;
		img.src=path;
	});
};

二、实现AJAX操作

 

 

var getJSON=function(url){
	var promise=new Promise(function(resolve,reject){
		var xhr=new XMLHttpRequest();
		xhr.open('GET',url);
		xhr.onreadystatechange=function(){
			if (xhr.readyState===4) {
				if (xhr.status>=200&&xhr.status<300||xhr.status===304) {
					resolve(xhr.responseText);
				}else{
					reject(new Error(xhr.statusText));
				}
			}
		};
		xhr.responseType='json';
		xhr.setRequestHeader('Accept','application/json');
		xhr.send();
	});
	return promise;
}

调用getJSON函数：

 

 

getJSON(url).then(function(json){
	console.log('成功'+json);
}).catch(function(error){
	console.log('失败'+error);
});