What is the problem of js concurring multiple ajax in Synchronize's method?

async getData() {
      await this.Arr.forEach(async val => {
        let obj = {};
        let itemBody = {key:val}
        let data = await post(this.dataUrl, itemBody, this.header);
        console.log(data);
        if (data.result) {
          obj[val] = data.result.res;
          closeAry.push(obj);
        }
      });
      this.closeAry = closeAry;
      let setKey = this.getStorageKey()
      wx.setStorageSync(setKey.toString(), closeAry)
    }
The

Arr array corresponds to 15 interfaces. Synchronize was supposed to execute each ajax, but it was too slow. How to make the concurrent request data and the order of the returned results in closeAry correspond to the order of Arr?

Javascript
Apr.01,2021

each request is put into promise, which forms an array of 15 promise, which is executed concurrently using Promise.all (promise array), and then then fetches the data.

the final effect picture looks like this, indicating that there may be bug

. 
async getData() {
  let promises = [];
  this.Arr.forEach(val => {
      promises.push(new Promise(resolve, reject) {
        let obj = {};
        let itemBody = {key:val}
        post(this.dataUrl, itemBody, this.header)
          .then(data=>resolve({[val]:data.result.res}))
          .catch(reject);
      });
  });

  let closeAry = await Promise.all(promises);

  this.closeAry = closeAry;
  let setKey = this.getStorageKey();
  wx.setStorageSync(setKey.toString(), closeAry);
}

Previous: How is the callback function php curl CURLOPT_READFUNCTION used?

Next: Is there a problem with mpvue displaying elements based on variables?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu