Estoy tratando de usar una API de conversión de moneda y usar sus datos de conversión en mi tabla de cuadrícula agrícola. El problema es que cuando cargo mi página, a veces se carga la tabla ag-grid y otras veces no. Hay ocasiones en las que tengo que actualizar la página varias veces para que aparezca la tabla. Si lo ejecuto en mi local, no encuentro el problema.

Esto es lo que tengo hasta ahora:

 function fxc(callback) { var requestURL = 'https://api.exchangerate.host/latest?base=EUR'; var httpRequest = new XMLHttpRequest(); httpRequest.onload = function(){ callback(httpRequest.response); }; httpRequest.open('GET', requestURL); httpRequest.send(); } fxc(function(result) { const xxhr = JSON.parse(result) var usdrate = 1/xxhr.rates.USD ***ag-grid functions/codes using usdrate** });

La sección AG-GRID tiene un addEventListener, por lo que parece que está en conflicto con la función onload =

 document.addEventListener('DOMContentLoaded', function() { var gridDiv = document.querySelector('#myGrid'); new agGrid.Grid(gridDiv, gridOptions); agGrid .simpleHttpRequest({ url: 'csvjson.json', }) .then(function(data) { gridOptions.api.setRowData(data); autoSizeAll(false); }); });