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

最新推荐文章于 2023-02-13 21:22:52 发布

转载最新推荐文章于 2023-02-13 21:22:52 发布 · 453 阅读

文章标签：

#c 中的ajax异步刷新

这段代码展示了如何使用JavaScript的setInterval函数结合Ajax每隔10秒从后台获取数据，并将数据动态渲染到页面上。数据包括公司名称及其报警排序号，最多显示10条。若数据量大，可以按此模式扩展。遇到错误时提示用户重试。

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(‘

+‘

‘

+‘

‘+dates[0].entName+‘‘

+‘

‘+dates[0].alarmSortNum+‘‘

+‘

‘

+‘

‘

+‘

‘+dates[1].entName+‘‘

+‘

‘+dates[1].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[2].entName+‘‘

+‘

‘+dates[2].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[3].entName+‘‘

+‘

‘+dates[3].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[4].entName+‘‘

+‘

‘+dates[4].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[5].entName+‘‘

+‘

‘+dates[5].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[6].entName+‘‘

+‘

‘+dates[6].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[7].entName+‘‘

+‘

‘+dates[7].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[8].entName+‘‘

+‘

‘+dates[8].alarmSortNum+‘‘

+‘

‘+‘‘

+‘

‘+dates[9].entName+‘‘

+‘

‘+dates[9].alarmSortNum+‘‘

+‘

error: function() {

alert("失败，请稍后再试！");

}

});

},10000);//10秒一次

数量少的时候用用我这里10行，多了就自己想，类似的啊

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

// 我的是后台返回list,你们可以直接用自己的

${sort.entName}${sort.alarmSortNum}

原文：http://www.cnblogs.com/wudage/p/7524407.html