從JSON獲取的數據未獲得更新

Question

以下是腳本：

$(document).ready(function () {
    $.getJSON('table.json', function (data) {
        $('#mytable').empty();
        var html = '';
        html += '<tr class="tableheader"><th>Name</th><th>Code</th><th>Value</th><th>Bid</th><th>Offer</th></tr>';
        for (var i = 0, size = data.length; i < size; i++) {
            html += '<tr class="tablecontent"><td>' + data[i].name + '</td><td>' + data[i].code + '</td><td>' + data[i].value + '</td><td>' + data[i].bid + '</td><td>' + data[i].offer + '</td></tr>';
        }
        $('#mytable').append(html);
        tablerows('mytable');
        setTimeout(poll, 5000);
    });
});
var poll = function () {
    alert("poll");
    $.getJSON('dummy.json', function (data) {
        setTimeout(poll, 5000);
    });
}

我想更新我的數據。 我通過alert檢查后每5秒調用一次poll函數。 但數據沒有得到更新。 請告訴我我做錯了什么。

Answer 1

getJSON是一個GET請求，因此它將被緩存。 在服務器上設置正確的無緩存標頭。

另外看看你的代碼，你永遠不會處理數據

var poll = function () {
    alert("poll");
    $.getJSON('dummy.json', function (data) {
        setTimeout(poll, 5000);  //<--where is the processing you do nothing with the response???
    });
} 

Answer 2

$(document).ready(function() {
       // make the initial JSON request
    $.getJSON('table.json', init)
});

function poll() {
       // make the subsequent JSON requests
    $.getJSON('dummy.json', update);
}

function init(data) {
    $('#mytable').empty();
    var html = '';
    html += '<tr class="tableheader"><th>Name</th><th>Code</th><th>Value</th><th>Bid</th><th>Offer</th></tr>';
    for (var i = 0, size = data.length; i < size; i++) {
        html += '<tr class="tablecontent"><td>' + data[i].name + '</td><td>' + data[i].code + '</td><td>' + data[i].value + '</td><td>' + data[i].bid + '</td><td>' + data[i].offer + '</td></tr>';
    }
    $('#mytable').append(html);
    tablerows('mytable');
    setTimeout(poll, 5000);
}

function update(data) {
    var rows = $("#mytable tr.tablecontent").toArray();
    for (var i = 0, size = data.length; i < size; i++) {
        if (rows[i])
            rows[i].cells[3].firstChild.data = data[i].bid;
    }
    setTimeout(poll, 5000);
}

---

這是更多jQuery的update函數：

function update(data) {
    $("#mytable tr.tablecontent > td:nth-child(4)")
         .slice(0, data.length)
         .text(function(i) {
             return data[i].bid;
          });
    setTimeout(poll, 5000);
}