分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 01:11责任编辑:胡小海关键词:js

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved