sonjavanteese
2/25/2020 - 1:22 PM

[DocumentReady] Document Ready Event #JS #fetch

[DocumentReady] Document Ready Event #JS #fetch



const run = () => {
        console.log("Page Ready");
        // fetchJson("http://localhost/api/hdb/", hspDbSet);      
    }
if (document.readyState != 'loading') run();
else if (document.addEventListener) document.addEventListener('DOMContentLoaded', run);
else document.attachEvent('onreadystatechange', (function() {
    if (document.readyState == 'complete') run();
}));
const fetHTML = url => {
    return fetch(url).then(response => response.text())
        .catch(err => console.error(err));
}
const fetJson = url => {
    return fetch(url).then(response => response.json());
}

const fetchHtml = (url, out) => {
    let el = document.getElementById(out);
    fetHTML(url)
        .then((text => el.innerHTML = text))
      .catch(err => console.error(err));
}

const fetchJson = (url, fn) => {
    fetch(url)
      .then(response => response.json()
        .then((json => fn(json))
        .catch(err => console.error(err));
}