简单的co用例: var co=require("co") class view{ constructor(){ co(function*(){ var p1=this.ajax1() var p2=this.ajax2() try{ var result=yield [p1,p2] console.log(result) }catch (err){ console.info(err) } }.bind(this)) } ajax1(){ return new Promise(func…

ES6    let    块级作用域    const    解构赋值    字符串拼接    扩展运算符    -----------------------------------------------------------    箭头函数    function show(a){        return a;    }        ↓    show=a=>a; function show(a,b){        return a+b;    }        ↓    sh…

今天写这个帖子就是是前几天在学ES6在学到Promise实现AJAX操作时,发现对ajax的一些知识点有些遗忘,所以就回头重新复习了一遍ajax,温故而知新. 主要有从4个方面去复习ajax,分析不透彻的,还望海涵 第一:AJax请求,progress,load,get/post请求方式的实现: 第二:$.ajax,$.load,$.get,$.post,$.getScript,$.getJSON的复习和浅析源码; 第三:请求方式post和get到底的区别在哪 第四:es6中promise实现a…

使用场景: jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了. 示例代码: /** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @param {Object} params 请求方式参数(可以为空) */ function…

下面是一个用Promise对象实现的 Ajax 操作的例子. const getJSON = function(url) { const promise = new Promise(function(resolve, reject){ const handler = function() { if (this.readyState !== 4) { return; } if (this.status === 200) { resolve(this.response); } else { reje…

个人学习用途而已,仅供参考. class Ajax { constructor(xhr) { xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); this.xhr = xhr; } send(method, url, async, callback, data) { let xhr = this.xhr; xhr.onreadystatechange =…

相信经常使用ajax的前端小伙伴,都会遇到这样的困境:一个接口的参数会需要使用另一个接口获取. 年轻的前端可能会用同步去解决(笑~),因为我也这么干过,但是极度影响性能和用户体验. 正常的前端会把接口写在另一个接口的回调里.是这样不错,但是它增加了函数的嵌套深度也会造成一定的逻辑混乱. 也许有朋友会说,哪那么多毛病,解决问题不就好了吗? 但是,如果需要的是另外好几个接口的返回数据呢?这时候就会比较蛋疼了.这就是回调地狱! 当时依稀记得是使用了jQuery的 when .then方法去解决的. 直…

1.next()方法会执行generator的代码,然后,每次遇到yield x;就返回一个对象{value: x, done: true/false},然后“暂停”.返回的value就是yield的返回值,done表示这个generator是否已经执行结束了.如果done为true,则value就是return的返回值. 当执行到done为true时,这个generator对象就已经全部执行完毕,不要再继续调用next()了. mounted(){ var _this = this; func…

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 (){…

http (data) { return new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) { resolve(xhr.re…