美文网首页
使用ES6的Promise完美解决回调地狱

使用ES6的Promise完美解决回调地狱

作者: loycoder | 来源:发表于2017-11-22 10:23 被阅读24次
//创建一个Promise实例,获取数据。并把数据传递给处理函数resolve和reject。需要注意的是Promise在声明的时候就执行了。
var getUserInfo=new Promise(function(resolve,reject){
    $.ajax({
        type:"get",
        url:"index.aspx",
        success:function(data){
            if(data.Status=="1"){
                resolve(data.ResultJson)//在异步操作成功时调用
            }else{
                reject(data.ErrMsg);//在异步操作失败时调用
            }
        }
    });
})
//另一个ajax Promise对象,
var getDataList=new Promise(function(resolve,reject){
    $.ajax({
        type:"get",
        url:"index.aspx",
        success:function(data){
            if(data.Status=="1"){
                resolve(data.ResultJson)//在异步操作成功时调用
            }else{
                reject(data.ErrMsg);//在异步操作失败时调用
            }
        }
    });
})
//Promise的方法then,catch方法
getUserInfo.then(function(ResultJson){
    //通过拿到的数据渲染页面
}).catch(function(ErrMsg){
    //获取数据失败时的处理逻辑
})
//Promise的all方法,等数组中的所有promise对象都完成执行
Promise.all([getUserInfo,getDataList]).then(function([ResultJson1,ResultJson2]){
    //这里写等这两个ajax都成功返回数据才执行的业务逻辑
})

相关文章

  • promise和async

    Promise 回调地狱 Promise概念 Promise是ES6中新增的一个构造函数。 目的解决回调地狱的问题...

  • 回调地狱问题

    使用promise(es6中api)来解决回调地狱的问题。promise1、promise本身不是异步任务但是内部...

  • 10 ES6 优化回调地狱、promise化、async+awa

    ES6 Promise可解决回调地狱、try{}catch{}、同步并发的异步问题,但解决回调地狱问题中依旧有很明...

  • ES6快速学习(七)Promise

    回调函数 Promise 解决了什么痛点 回调地狱 代码如下 我的第一个Promise使用 解决回调地狱之链式...

  • js es6 Promise

    1.为什么要使用Promise 为了解决回调地狱问题,ES6引入了Promise的概念 2.Promise的基本概...

  • Promise&async await

    Promise: ES6 新增的语法,是异步问题同步化解决方案 ,同时解决了回调地狱的问题; Promise解决:...

  • Promise

    1.为什么需要Promise 回调地狱回调函数中嵌套回调Promise解决了回调地狱 2. Promise 的基本...

  • Promise、Generator、Reflect、Map入门、

    Promise Promise的出现是为了解决回调地狱的,使用Promise,我们就可以利用then进行「链式回调...

  • 前端知识总结——ES6重难点

    Promise实现 promise是ES6新增的语法,解决回调地狱问题 可以把 Promise 看成一个状态机,它...

  • ES6(十一)—— Promise(更优的异步编程解决方案)

    目录 说到Promise就不得不说道说道这 —— 回调地狱 Promise —— 解决回调地狱Promise语法规...

网友评论

      本文标题:使用ES6的Promise完美解决回调地狱

      本文链接:https://www.haomeiwen.com/subject/ellnvxtx.html