Javascript中的window.setInterval不要多次运行一个函数

Question

I want to update a partial view every 5000 ms (for example).

I used bellow code to do it:

window.setInterval(function () {
    $.get("/Features/ShowDateTime").then(function (r) {
        $('#divDateTime').html(r);
    });
}, 5000)

This function run every 5000 ms truly (examined by using debugger command in the inner function) but ShowDateTime action run once (examined by using break-point in the action in its controller).

So, what is the problem?

Answer 1

Assuming the code itself is working, it is likely you are getting cached data back on subsequent calls. You need to cache-bust your calls. An easy way is to simply append the current timestamp to the end of the URL:

window.setInterval(function () {
    $.get("/Features/ShowDateTime?" + Date.now()).then(function (r) {
        $('#divDateTime').html(r);
    });
}, 5000)

This will cause your browser to think it is a different URL each time so it won't cache and return the same result.