Поддержание очереди в JavaScript

Question

Я работаю и MVC4 и возвращаю список объектов для просмотра как Json. Фактически View делает вызов 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() возвращает первый элемент массива и удаляет его в то же самое время.