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