jquery - 代码没有在时间间隔内调用

Question

我想每隔 5 秒调用一次 jquery 代码，因为我正在使用以下代码，但此代码不会重复调用

我的代码是

 setInterval($.getJSON('friendshipRequestCount', function(data) {
        var cnt=data.totalFriendshipRequestCount;
        if(cnt>0){
            $('#f-request-count').css("display","block");
            $('#f-request-count').html(data.totalFriendshipRequestCount);
        }
        else{
            $('#f-request-count').css("display","none");
        }
    }),5000);

请看看是什么问题

Answer 1

setInterval需要传递一个函数，而不是getJSON.

setInterval(function () {
    $.getJSON('friendshipRequestCount', function (data) {
        var cnt = data.totalFriendshipRequestCount;
        if (cnt > 0) {
            $('#f-request-count').css("display", "block");
            $('#f-request-count').html(data.totalFriendshipRequestCount);
        } else {
            $('#f-request-count').css("display", "none");
        }
    });
}, 5000);

Answer 2

将函数作为 setInterval 中的第一个参数传递。$.getJSON返回一个jqXHR

setInterval(function () {
    $.getJSON('friendshipRequestCount', function(data) {
        var cnt=data.totalFriendshipRequestCount;
        if(cnt>0){
            $('#f-request-count').css("display","block");
            $('#f-request-count').html(data.totalFriendshipRequestCount);
        }
        else{
            $('#f-request-count').css("display","none");
        }
    });
}, 5000);