Как сделать вызов ajax для каждого объекта в JavaScript

Question

У меня есть статический объект, после того как статический объект загружен, для каждого объекта сделайте вызов ajax и замените данные статического объекта их apidata. Я хотел бы знать, как это сделать с помощью javasript.

ЯПередав статический объект данных первым, как только каждый объект загружен, для соответствующих id передайте свои apidata, как это сделать в javascript, я добавил частичный код

, например: if the object trans is loaded, then make ajax call and send the transapidata

//backend app.js

var express = require('express');
var app = express();
var router = express.Router();

var static =[{
  id: "trans",
  fee: 10,
  country: "SG"
},{
  id: "fund",
  fee: 20,
  country: "TH"
}]

var transapi=[{
  id: "trans",
  fee: 10,
  country: "SG",
  rate: 0.5
}]

var fundapi=[{
  id: "fund",
  fee: 15,
  country: "SG",
  rate: 1.5
}]
router.get('/en', function (req, res) {
  if(req.query.hasOwnProperty("providers")){
    res.send({transapidata: transapi,  fundapidata :fundapi})
  }
else{
  res.send({staticdata: static })
  }
}


//frontend provider.js

  var provider=[trans, fund];
  var lis = this.staticdata
constructor(){
this.static();
}
  static(){
    var li = $.ajax({
           url: "/en",
          method: 'get',
          global: false,
          async: false,
          data: {
            providers: JSON.stringify(provider)
          },
          success: function (data) {
            return data;
          }
        }).responseText;
     lis = JSON.parse(li);
    }

render(){
   this.staticdata.map((e)=>{
   <p>e.id</p>
   <h5>e.country</h5>
   <h6>e.rate</h6>
 })
}