jstl中c:foreach下的表格实现异步刷新

Posted 2020-10-07 吴大哥

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>