在 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() 返回数组中的第一项并同时删除它。