美文网首页
Promise 用法

Promise 用法

作者: Romyo | 来源:发表于2018-09-28 17:12 被阅读0次
写法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>

相关文章

  • promise详解

    Promise 用法api 1.基本用法 2.简便写法 Promise.all([]) Promise.race...

  • Promise 对象

    Promise 的含义 基本用法 Promise.prototype.then() Promise.prototy...

  • Promise 对象

    目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...

  • Promise扩展基础

    Promise.all基本用法: Promise.race基本用法: 直接调用成功状态: 函异步函数:

  • ES6——Promise

    Promise基本用法示例: let i=100; let promise=new Promise(functio...

  • Promise 的使用

    使用Promise 基本用法 A Promise is an object representing the ev...

  • Promise

    一.Promise常见用法 function doSth() { return New Promise(func...

  • 手写Promise

    $ 正常的promise用法   $ 手写的Promise   # 测试可行性

  • ES6-Promise

    参考链接: 1.阮一峰Promise解读 2.Promise用法讲解 Promise含义 Promise是异步编程...

  • Promise对象

    Promise 多个异步回调: 详情关于promise对象的一些讲解 Promise.all() .catch()用法

网友评论

      本文标题:Promise 用法

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