美文网首页
异步请求处理

异步请求处理

作者: 不困于情 | 来源:发表于2019-01-16 16:00 被阅读6次

经常会有小伙伴问异步的问题,异步处理方案有很多,我来说一下我常用的。

背景:我们需要上传图片到oss,拿到oss返回的地址传给后台存到数据库。

此时,两次请求都是ajax,如果不处理,可能会因为oss上传还未成功,就已经往后台传值去存储,会导致出现空值情况。

由于异步请求顺序问题,我们需要把它变为同步。以往解决的方法往往会产生回调地狱的问题,ES6引入了async/await,我们就可以优雅地解决了。

talk is cheap

handleUploadToOss(){
    return new Promise (function(resolve,reject){
        //函数内容、调用上传oss接口
        ...
        //成功
        resolve()
        //失败
        reject()
    })
}
handleUpload(){
    return new Promise (function(resolve,reject){
        //函数内容、调用上传后台接口
        ...
        //成功
        resolve()
        //失败
        reject()
    })
}
async handleSubmit(){
    await handleUploadToOss();
    console.log("===上传到oss===")
    await handleUpload();
    console.log("===上传到后台===")
}

相关文章

  • IntentService和HandlerThread

    IntentService 概述 处理异步请求的Service 客户端使用startService()发送异步请求...

  • 异步

    异步 异步请求 同步请求:同一个请求由一个线程从头到尾进行处理 一步到位 异步请求:同一个请求中由多个线程进行处理...

  • 异步请求处理

    经常会有小伙伴问异步的问题,异步处理方案有很多,我来说一下我常用的。 背景:我们需要上传图片到oss,拿到oss返...

  • Antd Pro 与后端交互的几种场景(持更)

    Antd Pro如何处理异步请求? Antd Pro的异步请求用的是Dva,而Dva的异步又是在fetch的基础上...

  • Web异步处理请求

    1.场景描述 在做项目的时候,有这样一个场景,以下是简化版描述:浏览器A发起http请求到服务器,但响应数据却需要...

  • DeferredResult——异步请求处理

    本文地址: https://www.jianshu.com/p/062c2c6e21da 传送门 实例源码地址: ...

  • 异步处理restful请求

    一、起因 众所周知,toncat线程数量有限,在接收到http请求的时候,为了提高系统的吞吐量,很多时候我们都会选...

  • SpringBoot 异步处理请求

    背景 在 Servlet 3.0 中提供了在处理 servlet 或 filter 时可以在任何潜在阻塞的地方,进...

  • Spring mvc之WebAsyncManager类

    用于管理异步请求处理的中心类,主要用作SPI,通常不由应用程序类直接使用。 异步场景从线程(T1)中的请求处理开始...

  • 异步Servlet 特性

    异步Servlet 本篇主要讲解 如何使用 异步Servlet的处理请求,并且演示 同步Servlet和异步Ser...

网友评论

      本文标题:异步请求处理

      本文链接:https://www.haomeiwen.com/subject/ffmmdqtx.html