使用Promise避免回调地狱

Dale_zero

于 2022-05-15 12:17:35 发布

阅读量271

点赞数

CC 4.0 BY-SA版权

分类专栏：随笔文章标签： jquery javascript ajax

本文链接：https://blog.youkuaiyun.com/Dale_zero/article/details/124780497

随笔专栏收录该内容

29 篇文章

订阅专栏

这篇博客探讨了如何将jQuery的AJAX方法如$.ajax()返回的Promise对象与async/await结合使用，以实现更简洁的异步控制流程。通过示例展示了如何在getfoo()和getfuu()函数中处理Promise的then和catch，并利用await进行同步执行控制。文章还提及了$.getJSON()的使用，并强调了在async函数中使用await关键字的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery的ajax get等一众方法会返回一个Promise对象

可以把调用api之后的回调逻辑写在promise的

then（成功返回，对应resolve）

和catch（错误返回，对应reject）

两个函数里

function getfoo(){
    return $.ajax({url:"baidu.com"})
}
function getfuu(){
   return $.ajax({url:"baidu.com"})
}

    getfoo().then(value => {
        console.log(value);
        return getfuu();
    }).then(value => {
        console.log("bar");
    }).catch(err => {
        console.log(err);
    })

然后用await 来具体控制一个语句的同步执行，但同时要在相应的函数前面加上async

async function pin3(){
    await $.getJson(...)
    $.getJson(...)
}