使用JQuery自动刷新DIV

时间:2013-07-16 17:27:45

标签: javascript jquery ajax

我的要求是每5秒自动刷新一次DIV

我要刷新的DIV内容是

<div class="row-fluid">
    <div class ="span2">
        <label><spring:message code='total.registration' />:</label>
    </div>
    <div class = "span3">
        ${registrationStatusForm.totalRegis}
    </div>
</div>

我还检查了一些关于stackoverflow的问题,但不明白。 请注意,我使用的是Spring Web MVC。 请建议。

3 个答案:

答案 0 :(得分:5)

这是一个jquery问题,不是春天问题,因为刷新将在客户端上进行管理。

在jquery中,类似的东西是合适的:

$(document).ready(function(){
    setInterval(refreshDiv, 5000); 
}); 

function refreshDiv(){
    $.ajax({
        url: "http://path.to.your/webservice",
        //other stuff you need to build your ajax request
    }).done(function() {
        //update your div
    });
}

答案 1 :(得分:3)

您需要创建一个新视图和控制器,并且需要刷新最少的元素。

我也遇到了同样的问题,我通过编写一个新的控制器和一个要刷新的div的视图来修复它,然后使用setInterval,实际上setTimeout更符合我的要求。 :

setInterval(function(){
    $('#your_div').load('newController');
}, time_interval);

答案 2 :(得分:0)

setInterval(function(){
//code here to refresh div
//possibly: document.getElementById("idOfDiv").innerHTML = "new content";
}, 5000);