Question

我正在使用MVC4并将一个对象列表返回给View作为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()返回数组中的第一个项目并同时将其删除。

在JavaScript中维护队列

1 个答案: