首页 > 其他 > 详细

Promise的金字教程

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

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的金字教程

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!