每5秒自动刷新DIV代码不起作用

Question

朋友

我有以下代码刷新以下DIV id refreshDiv为每5秒自动刷新但它无法正常工作

<div id ="refreshDiv" class="span2" style="text-align:left;">
  <c:set var="map" value="${alertStatusForm.channelStateForRecipients[currentChannel]}"></c:set>
<div>
<label><img src="${channelIcon}">&nbsp;
  ${fn:length(map['DELIVERED'])}</label>
 </div>
 <div>
 <label><img src="${channelIcon}">&nbsp;
  ${fn:length(map['FAILED'])}</label>
 </div>
 <div>
<label><img src="${channelIcon}">&nbsp;
${fn:length(map['IN_PROGRESS'])}</label>
</div>
</div>

function refreshDiv(){
     $.ajax({
        url: 'editReg.jsp'
    }).done(function(result) {
        $('#refreshDIV').text(result);
    });
}

Answer 1

您没有致电refreshDiv()。你刚刚定义了它。加载dom时调用此函数，并使用setTimeout在每5秒后继续调用。

$(function(){
    function refreshDiv(){
        $.ajax({
            url: 'editReg.jsp'
        }).done(function(result) {
            $('#refreshDIV').text(result);
            window.setTimeout(refreshDiv, 5000);
        });

    }
    window.setTimeout(refreshDiv, 5000);
});