JSFiddle - React, Tailwind, and code Playground

by 20yco

JavaScript

let requestComplete = 0;
const ajaxCall = (prop, url) => {

  return $.ajax({
    type: "GET",
    url: url,
    timeout: 18000000,
    success: function(data) {
      requestComplete += 1;
    },
    error: function(error) {
      console.log('ajax error');
    }
  });
}

const loadData = () => {
  let request_1 = ajaxCall('prop1', 'https://cors-anywhere.herokuapp.com/');
  let request_2 = ajaxCall('prop2', 'https://cors-anywhere.herokuapp.com/');
  let request_3 = ajaxCall('prop3', 'https://cors-anywhere.herokuapp.com/');

	
  $.when(request_1, request_2, request_3).done(() => {
      if( requestComplete === 3){
        console.log(requestComplete);
        console.log('footer');
			}
  })
}
loadData();