jquery后每隔5秒调用一次并重新加载

Question

我正在做ajax功能，我想要的是，在每次成功的ajax调用之后，div应该刷新。

目前我正在考虑使用setTimeout但不确定如何提前处理

这是我的当前代码

$(document).on('click','.openbrand',function(e) {
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-rel');
        var data = 'name='+name+'&id='+id;
        $.post("update.cfm",{id:id,brand:name},function(data, textStatus, jqXHR){

        });
    });

 <div class="reloadcounters" style="float:right; padding:10px; position:absolute;"><a href="javascript:void(0);">#fans#</a> <i style="cursor:pointer;" data-rel="#brand#" data-id="#id#" class="fa fa-heart-o openbrand"></i></div>

我想在结果集

之后刷新reloadcounters

Answer 1

function refresh(){
    $.post("update.cfm",{id:id,brand:name},function(data, textStatus, jqXHR){
       setTimeout(function(){refresh();}, 5000);
    });
}


$(document).on('click','.openbrand',function(e) {
        id = $(this).attr('data-id');
        name = $(this).attr('data-rel');
        data = 'name='+name+'&id='+id;
        refresh();
        document.unbind("click"); //Optional, do not know if needed
    });