Promise 用法

写法1:
Promise.then(   
  function(success){}, //成功了
  function(error){}       //失败了
)
写法2:
Promise
.then(success=>{成功了})
.catch(error=>{失败了});

Promise.all([异步请求1,异步请求2])
.then(success=>{成功了})
.catch(error=>{失败了});
<script src='./jquery-1.11.0.min.js'></script>
<script>
    /**
    * 封装的函数,返回一个Promise对象
    */
    function createPromise(url){
      return new Promise(function(resolve,reject){
        $.ajax({
          url,
          success(data){
            resolve(data);
          },
          error(err){
            reject(err);
          }
        })
      })
    }

    let promiseObj1=createPromise('./data.json');
    let promiseObj2=createPromise('./data2.json');
    //写法一
    Promise.all([promiseObj1,promiseObj2]).then(
      (arr)=>{
        console.log(arr);
      },
      (err)=>{
        console.log(err)
      }
    );

    //写法二
    Promise.all([promiseObj1,promiseObj2]).then(data=>{
      console.log(data);
    }).catch(err=>{
      console.log(err);
    })


    //jquery自带返回promise属性
    Promise.all([
      $.ajax('./data.json'),
      $.ajax('./data2.json')
    ]).then(res=>{
      console.log(res);
    }).catch(err=>{
      console.log(err);
    })

</script>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • promise主要用来优雅的书写异步请求的层层嵌套,解放回调地狱。让代码看起来整洁,可读,易管理。 基本用法 第二...
    马小帅mm阅读 2,865评论 1 1
  • 上面的代码使用then方法,依次指定了两个回调函数。 第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调...
    初心不改_0055阅读 2,615评论 0 0
  • 使用方法 vue中使用
    wayne1125阅读 2,990评论 0 1
  • ES6 Promise 用法讲解 Promise是一个构造函数,自己身上有all、reject、resolve这几...
    这刻我懂了阅读 3,848评论 0 1
  • 刚做开工作室的决定时候多数人是持反对意见的,知道我以后要画画一直做这件事的时候多数人也是持反对意见的。 原因很多。...
    ___旧时人阅读 1,346评论 0 0

友情链接更多精彩内容