利用Promise实现ajax GET function getAjax(url) { return new Promise((resolved,rejected)=>{ //创建ajax对象 let ajax = new XMLHttpRequest(); //配置参数 ajax.open('get',url,true) //发送请求 ajax.send(); //请求成功之后 ajax.onload = function () { if(this.status === 200){ conso…

基于promise的ajax封装 //调用方式: /* ajaxPrmomise({ url:, method:, headers:{} }).then(res=>{}) */ ;(function(window){ //设置默认的参数配置项 let _default = { url:'', baseURL:'', method:'GET', params:null, //get请求基于问号传参方式传递给服务器的内容 headers:{}, timeout:500, dataType:'json…

Promise 封装ajax 成链式结构: var url = 'http'; function(method, url) { return new Promise(function(res, ret) { var oReq = new XMLHttpRequest(); oReq.onload = function() { var data = oReq.response; data = JSON.parse(data); res(data); } oReq.onerror = functio…

how to make one your own promise version Ajax XMLHttpRequest https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest download upload "use strict"; /** * * @author xgqfrms * @license MIT * @copyright xgqfrms * @create…

一.利用Promise的知识,对最开始的ajax的例子进行一个简单的封装: var url = 'xxx'; // 封装一个get请求的方法 function request(url){ return new Promise(function(resolve,reject){ var XHR = new XMLHttpRequest(); XHR.open('GET',url,true); XHR.send(); XHR.onreadystatechange = function(){ if(X…

一.Promise的作用是什么? 当有多个请求之间有相互依赖关系(紧接着的请求需要上一次请求的返回结果),这时promise的作用就凸显出来了. 二.如何使用promise? new Promise(function(resolve,reject){ 1.处理语句 if(处理成功){ resolve([参数]); }else{ reject([参数]); } }); 三.promise的两个原型方法(对方方法) then(),catch() 1.当前promise对象标志成resolve状态时,…

首先贴代码 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…

直接上代码: function Ajax(method, headers, url, data, progress = null) { return new Promise(function (resolve, reject) { let xhr = new XMLHttpRequest(); xhr.open(method,url);//配置 for (const key in headers) {//遍历header,设置响应头 let value = headers[key]; xhr.s…

function getData(url){ var pro = new Promise(function(resolve,reject){ var xhr = null; try{ xhr = new XMLHttpRequest() } catch(e){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("get",url); xhr.onreadystatechange=function (){…

promise的含义(本身不是异步,是封装异步操作的容器,统一异步的标准) promise对象的特点:对象的状态不受外界影响:一旦状态改变,就不会再变,任何时候都可以得到这个结果. function aaa() { const promise = new Promise(function (resolve, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.open("post", "url"); xml…