jstl中c:foreac欧博abgh下的表格实现异步刷新

文章正文
发布时间:2024-07-11 22:45

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("失败,欧博abg请稍后再试!");
}
});
},10000);//10秒一次

数量少的时候用用我这里10行,欧博官网多了就自己想,类似的啊

————————————————————————————————————————————————————

<div>
<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>

首页
评论
分享
Top