My requirement is to auto refresh a DIV every 5 seconds

The DIV content I want to refresh is

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

I also checked some questions on stackoverflow but didn't understand. Please note that I'm using Spring Web MVC. Please suggest.

My requirement is to auto refresh a DIV every 5 seconds

The DIV content I want to refresh is

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

I also checked some questions on stackoverflow but didn't understand. Please note that I'm using Spring Web MVC. Please suggest.

• javascript
• jquery
• ajax

• take a look at setInterval() – A.O. Commented Jul 16, 2013 at 17:29

3 Answers 3

This is a jquery question not a spring question since the refresh will be managed on the client.

In jquery, something like this would be appropriate:

$(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
    });
}

You need to create a new view and controller with minimum elements required to be refreshed.

I also faced the same problem and I fixed it by writing a new controller and a view for the div to be refreshed and then used setInterval, actually setTimeout worked better for my requirement. :

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

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