封装promise
Posted shiapi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了封装promise相关的知识，希望对你有一定的参考价值。
const getJSON = function(url,type,data) {
const promise = new Promise(function(resolve, reject){
const handler = function() {
if (this.readyState !== 4) {
return;
};
if (this.status === 200) {
resolve(this.response);
} else {
reject(new Error(this.statusText));
}
};
const client = new XMLHttpRequest();
client.open(type, url);
client.onreadystatechange = handler;
client.responseType = "json";
if(type==‘get‘){
client.send();
}else {
client.setRequestHeader("Content-Type","application/json");//data只能是JSON字符串
client.send(JSON.stringify(data)) //post请求传入string
}
});
return promise;
};
调用案例
$(function() {
$("button").click(function() {
getJSON(‘http://localhost:3000/info‘,‘get‘).then( res => {
//success
console.log(‘ok‘);
}).catch( res=> {
console.error(‘出错了‘, error);
});
});
//JQUERY 1.5.0返回的是xhr对象 高于1.5.0返回的deferred对象
})
以上是关于封装promise的主要内容，如果未能解决你的问题，请参考以下文章