陣列JSON對象是未定義當傳遞到功能

Question

第一功能從URL獲取JSON並將其推入陣列

var resultsArr = new Array(); 

// getResults() 
// JSON response function -> takes uuid returned from search query 
// and pings reponse url for any/all JSON objects of returned data 
function getResults(req_uuid) { 
    console.log("url fetched"); 
    $.getJSON($SCRIPT_ROOT + "/respond?id=" + req_uuid, function(data) { 
     console.log(data); 
     resultsArr.push(data); 
    }); 
} 

我有一個按鈕的點擊，將通過uuid成運行另一個功能getResults()在給定的時間間隔。這一切都工作。我甚至將整個數組轉換爲一個字符串，並在調用該函數之前將其附加到一個div中。 （這也是可行的）。我在調用之前記錄數組中元素的數量;

console.log(resultsArr.length + " items in array")

此日誌= 4 items in array

則函數被調用;

function showResults(array) { 
    var index = array.length; 
    console.log(index + " items in array"); 

} 

這會返回undefined items in array。我感到非常困惑。

Answer 1

在收到新數據並將其推送到ajax回調中的數組後，您想要調用showResults()。

var resultsArr = new Array(); 

// getResults() 
// JSON response function -> takes uuid returned from search query 
// and pings reponse url for any/all JSON objects of returned data 
function getResults(req_uuid) { 
    console.log("url fetched"); 
    $.getJSON($SCRIPT_ROOT + "/respond?id=" + req_uuid, function(data) { 
     console.log(data); 
     resultsArr.push(data); 
     showResults(resultsArr);// <--- here 
    }); 
}