如何使ajax请求按顺序执行

原创

已于 2024-01-14 15:31:36 修改 · 1k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #okhttp #前端

于 2024-01-14 15:30:03 首次发布

文章讲述了作者在公司遇到上传接口并发报错的问题，通过同步请求和将AJAX请求存储在数组后递归执行的方式解决了这个问题。介绍了两种方法的实现代码和逻辑。

最近在公司遇到了一个难点，就是公司的上传接口，如果两个文件同时上传，也就是同时调用这个接口，那么就会报错，然后我就发现了，一个一个挨着调用不会报错，也就是说上一个请求完事了，下一个请求接着上，就没事，我苦思冥想，再加上百度一下。。。终于搞出来了，有两种方案，我选择的第二种，第一种也记录一下

1.将ajax封装成同步请求，代码如下所示

// 同步请求的方法
export const syncHttp = (config) => {
   
   
    var tokenStr = localStorage.getItem('tokenStr');
    const xhrConifg = {
   
   
        method: 'get',
        url: '',
        data: {
   
   },
        onUploadProgress: () => {
   
    },
        success: () => {
   
    },
        error: () => {
   
    },
        ...config
    }
    if (xhrConifg.method == 'get' && JSON.stringify(xhrConifg.data) != '{}') {
   
   
        let params = '?';
        for (let key in xhrConifg.data) {
   
   
            params += key + '=' + xhrConifg.data[key] + '&'
        }