setInterval(function(){
var url = "${ctx}/alarm/alarm/CompanySort";//填你自己的路径
var data = {};
$.ajax({
?type : "post",
?url : url,
?data : data,
?success:function(dates){
// ??alert(JSON.stringify(dates));
?$(‘#dg‘).html(‘<table>‘
?+‘<tr>‘
?+‘<td>‘+dates[0].entName+‘</td>‘
?+‘<td>‘+dates[0].alarmSortNum+‘</td>‘
?+‘</tr>‘
?+‘<tr>‘
?+‘<td>‘+dates[1].entName+‘</td>‘
?+‘<td>‘+dates[1].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[2].entName+‘</td>‘
?+‘<td>‘+dates[2].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[3].entName+‘</td>‘
?+‘<td>‘+dates[3].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[4].entName+‘</td>‘
?+‘<td>‘+dates[4].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[5].entName+‘</td>‘
?+‘<td>‘+dates[5].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[6].entName+‘</td>‘
?+‘<td>‘+dates[6].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[7].entName+‘</td>‘
?+‘<td>‘+dates[7].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[8].entName+‘</td>‘
?+‘<td>‘+dates[8].alarmSortNum+‘</td>‘
?+‘</tr>‘+‘<tr>‘
?+‘<td>‘+dates[9].entName+‘</td>‘
?+‘<td>‘+dates[9].alarmSortNum+‘</td>‘
?+‘<table>‘);
?},
?error: function() {
???alert("失败,请稍后再试!");
?}
});
},10000);//10秒一次
数量少的时候用用我这里10行,多了就自己想,类似的啊
————————————————————————————————————————————————————
<div id="dg" style="position:absolute;z-index:999;color:#fff;width:50%;left:25%;text-align:center;top:2%">
?<table>
???<c:forEach items="${page.list[0].sort}" var="sort"> // 我的是后台返回list,你们可以直接用自己的
?<tr>
?<td>${sort.entName}</td>
?<td>${sort.alarmSortNum}</td>
?</tr>
???</c:forEach>
?</table>
?</div>
jstl中c:foreach下的表格实现异步刷新
原文地址:http://www.cnblogs.com/wudage/p/7524407.html