XMLHttpRequest API All In One

Web API

const loadJSON = (callback) => {
  let xobj = new XMLHttpRequest();
  xobj.overrideMimeType("application/json");
  xobj.open('GET', './data.json', true);
  // Replace 'my_data' with the path to your file
  xobj.onreadystatechange = () => {
      if (xobj.readyState === 4 && xobj.status === 200) {
          // Required use of an anonymous callback
          // as .open() will NOT return a value but simply returns undefined in asynchronous mode
          callback(xobj.responseText);
      }
  };
  xobj.send(null);
}

const init = () => {
  loadJSON((response) => {
      // Parse JSON string into object
      let actual_JSON = JSON.parse(response);
      console.log('actual_JSON =', JSON.stringify(actual_JSON, null, 4));
  });
}

init();

https://cdn.xgqfrms.xyz/json/cats.json