So, I am working on a project which requires me to call upon a function to get data from an external source.
The issue I am having, I call upon the function - However the code after the function call is continuing before the function has returned a value.
Here is the function -
function getData()
{
var myVar;
var xmlLoc = $.get("http://ec.urbentom.co.uk/StudentAppData.xml", function(data) {
$xml = $(data);
myVar = $xml;
console.log(myVar);
console.log(String($xml));
localStorage.setItem("Data", $xml);
console.log(String(localStorage.getItem("Data")));
return myVar;
});
return myVar;
console.log("Does this continue");
}
And here is where it is called upon -
$(document).on("pageshow","#Information",function() {
$xml = $(getData()); //Here is the function call
console.log($xml); //However, it will instantly go to this line before 'getData' has returned a value.
$xml.find('AllData').each(function() {
$(this).find('item').each(function() {
if ($(this).find('Category').text()=="Facilities") {
console.log($(this).find('Title').text());
//Do stuff here
} else if ($(this).find('Category').text()=="Contacts" || $(this).find('Category').text()=="Information") {
console.log($(this).find('Title').text());
//Do stuff here too
}
});
$('#informationList').html(output).listview().listview("refresh");
console.log("Finished");
});
});
Right now, I'm unsure of why it is not working. My guess is that it is because I am calling a function within a function.
Does anyone have any ideas on how this issue can be fixed?
