保持隊列中的JavaScript

Question

我的工作和MVC4並返回對象列表以查看JSON。實際上，View會對Controller進行Ajax調用以檢索數據。我需要維護該對象的隊列並在我的頁面上顯示它們，以便每個對象都將顯示10秒，然後它將被替換爲隊列中的第二個對象。我使用下面的代碼，以使一個Ajax調用

function GetData() { 
    $.get("http://localhost:45533/Home/GetData/", function (data) { 
     ProcessData(data); 
     // Here i need to add [data] to Queue 
    }); 
} 

function ProcessData(data) { 
    $("#myDiv").append(data.Name+ "<br/>"); 
} 

$("#fetchBtn").click(function() { 
    // Here i need to get the next object in data from Queue 
}); 

目前我使用按鈕，點擊刷新。任何人都可以建議我如何維護返回的數據隊列？

Answer 1

嘗試......

var arData = []; 

function GetData() { 
    $.get("http://localhost:45533/Home/GetData/", function (data) { 
     ProcessData(data); 
     // Here i need to add [data] to Queue 
    }); 
} 

function ProcessData(data) { 
    arData.push(data) // add it to the end of the array 
    $("#myDiv").append(data.Name+ "<br/>"); 
} 

$("#fetchBtn").click(function() { 
    // Here i need to get the next object in data from Queue 
    var data = arData.shift(); // get the first item of the array 
}); 

arData.push(data)增加data到數組的末尾，而arData.shift()返回數組中的第一項，並在同一時間刪除。