javascript - js最好怎么在两个AJax异步操作之后执行一个新的操作-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js最好怎么在两个AJax异步操作之后执行一个新的操作

世界只因有你 2017-07-05 10:54:02

[JavaScript讨论组]

2663

今天碰到一个面试问题，就是如果页面中有两个异步ajax的操作,因为不确定这两个异步操作的执行顺序，怎么在这两个操作都执行完再执行一个新的操作，最好的方法是什么？

我当时回答了方法一：嵌套两个ajax，在第二个ajax的返回函数中执行新的操作。面试官回复：这种方法太矬了。

于是想了下回答方法二：通过定时器setTimeout监听局部变量，确保两个异步操作执行完了再执行新操作。面试官回复：这种方式性能不好，能不能想到一个简单又更合理的方法。

当时思考未果
所以把这个问题放上来寻求最好的方法是什么？欢迎讨论指点

世界只因有你

全部回复(7)

学习ing2017-07-05 10:56:02 7楼

1.Promise 包装异步ajax操作，
2.定义async 函数，
3.用await等待promise数据异步获取完成
这一种方法简洁高效，下面请看我专门给你写的示例代码
我懒得用ajax获取数据了，就用settimeout这个函数模拟获取数据吧，这个函数是异步的，原理效果一样。

//模拟ajax异步操作1
function ajax1() {
    const p = new Promise((resolve, reject) => {
        setTimeout(function() {
            resolve('ajax 1 has be loaded!')
        }, 1000)
    })
    return p

}
//模拟ajax异步操作2
function ajax2() {
    const p = new Promise((resolve, reject) => {
        setTimeout(function() {
            resolve('ajax 2 has be loaded!')
        }, 2000)
    })
    return p
}
//等待两个ajax异步操作执行完了后执行的方法
const myFunction = async function() {
    const x = await ajax1()
    const y = await ajax2()
        //等待两个异步ajax请求同时执行完毕后打印出数据
    console.log(x, y)
}
myFunction()

赞 +0

添加回复

给我你的怀抱2017-07-05 10:56:02 6楼

问下能不能用jQ，能用的话直接：

$.when($.ajax("page1"), $.ajax("page2")).done(function(){});

顺带给个$.when的文档参考

赞 +0

添加回复

为情所困2017-07-05 10:56:02 5楼

我觉得是Promise的方法 all还是什么的

赞 +0

添加回复

世界只因有你2017-07-05 10:56:02 4楼

可以定义个变量a=0，ajax请求成功后在回调里设置a++；
然后在两个回调中均判断下a==2 执行操作函数

赞 +0

添加回复

天蓬老师2017-07-05 10:56:02 3楼

设置两个flag，然后两个ajax调用同一个回调，在这个回调中判断两个flag都为true才执行后续操作。

赞 +0

添加回复

漂亮男人2017-07-05 10:56:02 2楼

把ajax写在另一个ajax里面再在回调那里执行

赞 +0

添加回复

漂亮男人2017-07-05 10:56:02 1楼

如果简单点我选择用 vue 或者 angular 这类能双向绑定数据的 js 框架去搞这个事,各种回调太麻烦了

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>