码迷,mamicode.com
首页 > 其他好文 > 详细

Promise的金字教程

时间:2020-02-06 01:01:39      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:type   throw   错误   let   rip   OLE   mis   get   return   

1、常规的调用方法

<script>
          new Promise(function (resolve, reject) {
            $.ajax({
                url: "GetData",
                dataType: "JSON",
                type: "POST",
                success: function (data) {
                    resolve(data)
                }
            })
          }).then(({ responseData }) => { console.log(responseData) });
</script>

2、调用返回值的方式。

<script>
    function p1() {
        return new Promise(function (resolve, reject) {
            $.ajax({
                url: "GetData",
                dataType: "JSON",
                type: "POST",
                success: function (data) {
                    resolve(data)
                }
            })
        })
    }
    $(function () {
        p1().then(({ responseData }) => { console.log(responseData) });
    })
 
  
</script>

3、和await,async进行结合的教程。

<script>
    function p1() {
        return new Promise((resolve, reject)=>{
            $.ajax({
                url: "GetData",
                dataType: "JSON",
                type: "POST",
                success: function (data) {
                    resolve(data.responseData)
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    reject("网络错误")
                }
            })
        })
    }

    async function GetData() {
        let res = await p1();
        return res;
    }

    async function GetData1() {
        let res = await GetData();
        console.log(res);
    }

    



    $(function () {
        GetData1();
    })


</script>

 

Promise的金字教程

标签:type   throw   错误   let   rip   OLE   mis   get   return   

原文地址:https://www.cnblogs.com/sexintercourse/p/12267236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!