jstl中c:foreach下的表格实现异步刷新
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>
最新文章
- 《bootstrap》实战---作为了解
- Unity 实现物体破碎效果（转）
- 四、Handler(WSGIHandler)
- 转！！java线程状态
- JRE、JDK和JVM之间的关系
- Javascript实现局部刷新
- 在ubuntu中获得root权限
- tensorflow 学习笔记（转）
- 【mysql】mysql主从复制
- 大型EMR电子病历源码三甲医院医疗信息管理系统软件网络版
- 多媒体文件格式（二）：FLV 格式
- day04 迭代器&生成器&装饰器
- sqoop 问题以及 小tips
- html页面转jsp后 乱码问题。
- python第七天，dict
- sql 表值函数-将一个传入的字符串用2中分隔符拆分成临时表
- Deepin 15.4 更改为 阿里云源
- spring boot -thymeleaf-逻辑控制
- JS动态创建元素（两种方法）
- OWASP JUICE SHOP部分题解