用promise封装ajax

var ajaxOptions = { url: 'url', method: 'GET', async: true, data: null, dataType: 'text',}function ajax(protoOptions) { var options = {}; for(var i in ajaxOptions){ options[i] = protoOptions[i] || ajaxOptions[i]; }  return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.open(options.method, options.url, options.async); xhr.onreadystatechange = function() { if (this.readyState === 4 && this.status === 200) { resolve(this.responseText, this); } else { var resJson = { code: this.status, response: this.response } reject(resJson, this) } } xhr.send() })}复制代码

1，open(method, url, async)

method: GET和POST;

url: 发送到服务端的url;

async: 异步true，同步false;

2，onreadystatechange

每当readyState的值变化，onreadystatechange函数自动执行

3，readyState 服务器响应的状态信息

• 0: 请求未初始化
• 1: 服务器连接已建立
• 2: 请求已接收
• 3: 请求处理中
• 4: 请求已完成，且响应已就绪

当readyState的值为4，status状态为200时表示相应已就绪，可以执行成功调用的方法,反之调用失败调用的方法.

本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。 对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。 最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。