c ajax定时获取,ajax的定时调用每5秒调用一次

该文章详细讲解了如何利用Ajax技术每5秒定时调用后台Servlet获取任务数据,并更新到前端表格中。通过创建XMLHttpRequest对象,设置请求方法和回调函数,实现了数据的动态加载和页面的实时更新。
摘要由CSDN通过智能技术生成

这篇文章主要介绍了关于ajax的定时调用,本例为每5秒调用一次,大家可以根据自己的需求更改

代码如下:

function initXMLRequest(){

if (window.ActiveXObject) {

xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");

} else {

if (window.XMLHttpRequest) {

xmlRequest = new XMLHttpRequest();

}

}

}

function sendHTTPRequest(){

initXMLRequest();

var url = "monitor!taskdata.action"; //调用的servlet

if (xmlRequest) {

xmlRequest.open("POST", url, true);

xmlRequest.send(null);

xmlRequest.onreadystatechange = isDataExists;

//使用方法回调,每5秒调用一次

setTimeout("sendHTTPRequest()",5000);

}

}

function isDataExists(){

if (xmlRequest.readyState == 4) {

if (xmlRequest.status == 200) {

var data = eval("("+xmlRequest.responseText+")");

// 获取tbody的表格内容

var taskTable = document.getElementById("tasktbody");

for(var i=taskTable.childNodes.length-1;i>=0;i--){

taskTable.removeChild(taskTable.childNodes[i]);

}

$.each(data, function(i,val){

var newTR = taskTable.insertRow(taskTable.rows.length);

newTR.id="taskdata_"+(i+1);

newTR.οndblclick=getdetail;

newTR.οnclick=selectRow;

backColor(val.taskstatus,newTR);

var newNameTD=newTR.insertCell(0);

newNameTD.innerHTML = val.taskname;

newNameTD.id="taskname_"+(i+1);

var newStatusTD=newTR.insertCell(1);

newStatusTD.innerHTML = val.taskstatus;

newStatusTD.id="taskstatus_"+(i+1);

var newArgTD=newTR.insertCell(2);

newArgTD.innerHTML = val.data_start_time;

var newOtherArgTD=newTR.insertCell(3);

newOtherArgTD.innerHTML = val.schedule_interval;

var newdateformatTD=newTR.insertCell(4);

newdateformatTD.innerHTML = val.next_execution_time;

var newbackwordTD=newTR.insertCell(5);

newbackwordTD.innerHTML = val.taskdetailscount;

var newpriorityTD=newTR.insertCell(6);

newpriorityTD.innerHTML = val.statusruncount;

var newleftTD=newTR.insertCell(7);

newleftTD.innerHTML = val.statusfinishcount;

var newlefttimeTD=newTR.insertCell(8);

newlefttimeTD.innerHTML = val.statuserrorcount;

});

}

}

}

更多信息请查看IT技术专栏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值