i have little trouble in populating an existing array with json returned data. Here is what i have
myarr=[];
function fillarr()
{
$.getJSON("test.php?c=10",function(data)
{
$.each(data, function(key, val)
{
myarr.push(data[val]);
}
});
});
}
My Problem is, that the array is emty outside the functions. Please help.
myarr=[];
function fillarr()
{
$.getJSON("test.php?c=10",function(data)
{
$.each(data, function(key, val)
{
myarr.push(val);
console.log(myarr); // you will myarr here, not out side
}
});
});
console.log(myarr); // wont get
}
myarr get its content after ajax request complete and its take time. so console outside of $.getJSON execute before request complete.
myarr=[];
function fillarr()
{
$.getJSON("test.php?c=10", function(data) {
$.each(data, function(key, val) {
myarr.push(val);
});
doSomethingNowThatTheArrayIsActuallyPopulated();
});
}
fillarr();
console.log(myarr); // This will print an empty array, it hasn't been populated yet.
function doSomethingNowThatTheArrayIsActuallyPopulated() {
console.log(myarr); // This will print the array which now contains the json values
}
if the return data is an object, it's easier to do jQuery.each to push each value to the array.
function fillarr(){
$.getJSON("test.php?c=10",function(data){
$.each(data, function(key, val){
myarr.push(val);
});
});
}
if the return data is an array, Array concat would be faster
function fillarr(){
$.getJSON("test.php?c=10",function(data){
myarr = myarr.concat(data);
});
}
myarr?