How can I console log - or do any thing with the data returned from inside an async function?
example:
JS FILE:
async function getData(){
try {
$.getJSON('./data.json', (data) => {
return data;
});
} catch(error) {
console.log(error + error);
} finally {
console.log('done');
}
}
console.log(getData());
JSON FILE:
{
stuff: {
First: {
FirstA: {
year: [2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017],
Categories: [Suspension, Electrical, Performance, Motor]
},
FirstB: {
year: [2007, 2008, 2009, 2010, 2011, 2012],
Categories: [Suspension, Electrical, Performance, Motor]
}
},
Second: {
SecondA: {
year: [2002, 2003, 2004, 2005, 2006],
Categories: [Suspension, Electrical, Performance, Motor]
},
SecondB: {
year: [2007, 2008, 2009, 2010, 2011, 2012],
Categories: [Suspension, Electrical, Performance, Motor]
}
}
}
}
How can I return / get access to all the information in the JSON file and work with it. for example I'd like to take the First and Second and add them to a div. Same with FirstA and FirstB and SecondA and SecondB...and so on.
Right now as it stands, I get Promise {: undefined}
Any help would be greatly appreciated.
---------UPDATE---------
If I run the console log inside the function I then can see the json data, but I need access to the data outside the function.
Serge