Hello! 欢迎来到小浪资源网!


Vue.js中如何等待服务器处理完成再获取返回值?


Vue.js中如何等待服务器处理完成再获取返回值?

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

相关阅读