как переопределить статические данные с помощью API данных Java

Question

У меня есть несколько API в бэкэнд-экспресс, Как получить соответствующие данные API в JavaScript без нажатия кнопки,

Сначала я отображаю статические данные, затем для всех статических данных, отображаю экран загрузки и переопределяю статические данные API, как это сделать в javascript, я застрял или какие-либо альтернативы

for example, obj insta is loaded, then make ajax call by sending id to the server and return instaapi

//backend

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

var instaapi=[{
  id: "insta",
  country: "SG",
  rate: 0.5
}]

var remitapi=[{
  id: "remit",
  country: "TH",
  rate: 1.5
}]

router.get('/en', function (req, res) {
  if(req.query.hasOwnProperty("id")){
    res.send({instaapi: instaapi,  remitapi:remitapi})
  }
else{
  res.send("error")
  }
}

//frontend
var static =[{
  id: "trans",
  fee: 10,
  country: "SG"
},{
  id: "fund",
  fee: 20,
  country: "TH"
}]
var pr=["insta","remit"]
 static(){
    var li = $.ajax({
           url: "/en",
          method: 'get',
          global: false,
          async: false,
          data: {
           id: JSON.stringify(pr) //passing array data
          },
          success: function (data) {
            return data;
          }
        }).responseText;
    staic=JSON.parse(li);
    console.log(result);
  }

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