在 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 将不再为空。