La actualización automática de los contenidos DIV cada 5 segundos no funciona el código
Estoy usando Spring MVC en My editStatus.jsp Tengo el siguiente código para actualizar un DIV cada 5 segundos
function refreshDiv(){
$.ajax({
url: 'editStatus.jsp'
}).done(function(result) {
$('#refreshDIV').text(result);
});
}
Y mi código DIV es
<div class="span5">
<div class="row-fluid form-inline">
<h4 class="inline">
<spring:message code='alert.status' />
</h4>
</div>
<div class="row-fluid">
<div class="span5 row-fluid">
<div class="span9">
<div class="row-fluid">
<div class="span12">
<label>
<spring:message code='alert.sent' />:
</label>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<label>
<spring:message code='alert.in.progress' />:
</label>
</div>
</div>
</div>
</div>
<!-- this has to be calculated, loop through 3 times seems excessive -->
<c:forEach var="channel" items="${StatusForm.channels}">
<c:set var="currentChannel" value=""></c:set>
<c:set var="channelIcon" value=""></c:set>
<c:if test="${channel == 'Email'}" >
<c:set var="currentChannel" value="EMAIL"></c:set>
<spring:url value="/static/img/icon_email_channel.png" var="channelIcon" />
</c:if>
<c:if test="${channel == 'SmsChannel'}" >
<c:set var="currentChannel" value="SMS"></c:set>
<spring:url value="/static/img/icon_sms_channel.png" var="channelIcon" />
</c:if>
<c:if test="${channel == 'VoiceChannel'}" >
<c:set var="currentChannel" value="VOICE"></c:set>
<spring:url value="/static/img/icon_voice_channel.png" var="channelIcon" />
</c:if>
<div id="refreshDiv" class="span3" >
<c:set var="map" value="${StatusForm.channelStateForRecipients[currentChannel]}"></c:set>
<div>
<label style="color:black" ><img src="${channelIcon}">
${fn:length(StatusForm.totalSentRecipient)}
</label>
</div>
<div>
<label style="color:black"><img src="${channelIcon}">
${fn:length(StatusForm.totalNotSentRecipient)}
</label>
</div>
<div>
<label style="color:black"><img src="${channelIcon}">
${fn:length(StatusForm.totalInProgressRecipient)}
</label>
</div>
</div>
</c:forEach>
</div>
</div>
Desde el código anterior, quiero actualizar automáticamente lo siguiente, sin embargo, el mismo no funciona
<div id="refreshDiv" class="span3" >
<c:set var="map" value="${StatusForm.channelStateForRecipients[currentChannel]}"></c:set>
<div>
<label style="color:black" ><img src="${channelIcon}">
${fn:length(StatusForm.totalSentRecipient)}
</label>
</div>
<div>
<label style="color:black"><img src="${channelIcon}">
${fn:length(StatusForm.totalNotSentRecipient)}
</label>
</div>
<div>
<label style="color:black"><img src="${channelIcon}">
${fn:length(StatusForm.totalInProgressRecipient)}
</label>
</div>
</div>
¿Debería el código de actualización de la URL pasar por el controlador?
Lo intenté con
$(document).ready(function () {
alert('Hi OutBound');
var seconds = 5000; // time in milliseconds
var reload = function() {
alert('Inside Reload');
$.ajax({
url: 'editStatus.jsp',
cache: false,
success: function(data) {
alert('Inside 2');
$('#refreshDIV').html(data);
setTimeout(function() {
alert('Inside SettimeOut');
reload();
}, seconds);
}
});
};
reload();
});
Sin embargo, alerta de alertas ('Inside 2'); y alerta ('Inside SettimeOut'); nunca te llamen Por favor recomiende