javascript - 通过AJAX刷新页面内容

Question

我需要通过 AJAX 将喜欢加载到 div 中，每秒。

页面加载时页面名称应为 likes.php?p=0，1 秒后为 likes.php?p=1，2 秒后为 likes.php?p=2，依此类推。

我的代码:

var loadLikes = function() {
    var counter = 0;
    var pageToLoad = 'likes.php' + "?p=" + counter;

    $.ajax({
        url: pageToLoad,
        dataType: 'html',
        success: function(html) {
            counter++;
        }
    });
    console.log(pageToLoad);    
}

$(window).load(loadLikes);
setInterval(loadLikes, 1000);

控制台(在我看来很奇怪)显示likes.php?p=0。

我做错了什么？

谢谢!

Answer 1

我认为你应该将计数器变量放在函数之外。否则每次此变量都会重置为 0;

var counter = 0;

var loadLikes = function() {

var pageToLoad = 'likes.php' + "?p=" + counter;

$.ajax({
    url: pageToLoad,
    dataType: 'html',
    success: function(html) {
        counter++;
    }
});
console.log(pageToLoad);    
}

$(window).load(loadLikes);
setInterval(loadLikes, 1000);