在 vue 中等待服务器处理完成

在 vue.js 中向 php 服务器发送 post 请求时,有时需要等待服务器处理结束才能获取返回值。然而,由于服务器处理可能需要一段时间(如下载图片),vue.js 的 javascript 有时会赶在服务器返回之前输出结果。

解决方案

为了解决这个问题,可以使用异步函数 async 和等待操作符 await:

立即学习“前端免费学习笔记(深入)”;

// 你的接口
success: async (res) => {
    // 服务响应后的操作
    const fn = async () => {
        console.log('hahaha');
    };

    await fn(res);
    console.log(res); // 此处需要等待可能 3~7 秒,但之前输出时 often 是空
}
登录后复制

通过使用 async 和 await,vue.js 的 javascript 会等待 fn 函数完成(也就是服务器返回响应),然后才会继续执行。因此,在 console.log(res) 输出时,服务器返回值 res 将不再为空。

以上就是Vue.js中如何等待服务器处理完成再获取返回值?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部