第一步:页面中添加样式引用、jquery引用
第二步:页面中添加table元素
第三步 定义全局变量 一页一页读取数据
第四步:定义循环
setInterval(function(){
loadGrid()
},5000)
第五步:动态表格添加数据
function loadGrid() {
$("#lstData tr:not(:first)").remove();
var $tr= $("#lstData tr:last");
if(recordsTotal<pageStart+pageLength){
pageNum=0;
}
pageStart=pageNum*pageLength;
$.ajax({
url:'getStatisticCurriculumDetailList',
type:'post',
async:true,
dataType:'json',
data: {school:school,curriculum:curriculum,bAddtime:dateFrom,eAddtime:dateEnd,length:pageLength,start:pageStart},
success:function(result){
var list=result.data;
pageNum=result.page_num;
recordsTotal=result.recordsTotal;
for(var j=0;j<list.length;j++){
var trHtml=" <tr>\n" +
" <th>"+list[j].school+"</th>\n" +
" <th>"+ list[j].total+"</th>\n" +
" <th>"+ list[j].nosignal+"</th>\n" +
" <th>"+ list[j].unattend+"</th>\n" +
" <th>"+ list[j].attend+"</th>\n" +
" </tr>\n";
$tr.after(trHtml);
}
}
});
}