账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue用axios发送多次请求
    35
    0

    业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
    个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。

    如何才能只让最后一次请求的数据刷新页面,展示到div中

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • ★佪眸┅笑★╮ 普通会员 1楼

      在Vue中,你可以使用axios库来发送HTTP请求。如果你想要发送多次请求,你可以使用axios的asyncawait关键字。以下是一个例子:

      javascript axios.get('https://api.example.com/data/1') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); axios.get('https://api.example.com/data/2') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); });

      在这个例子中,我们首先发送了两个GET请求到两个不同的URL。然后,我们使用then方法来处理每个请求的结果。如果请求成功,我们打印出数据。如果请求失败,我们打印出错误。

      如果你想发送更多的请求,你只需要重复这个过程即可。例如,如果你想要发送5个请求,你可以这样做:

      javascript axios.get('https://api.example.com/data/1') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); });

      在这个例子中,我们发送了5个GET请求,每个请求都在then方法中处理。如果请求成功,我们打印出数据。如果请求失败,我们打印出错误。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部