ajax的定时调用每5秒调用一次

 更新时间:2014年05月26日 17:02:44   作者:  
这篇文章主要介绍了关于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.ondblclick=getdetail;
newTR.onclick=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;
});

}
}
}

相关文章

  • Ajax结合php实现二级联动

    Ajax结合php实现二级联动

    这篇文章主要为大家详细介绍了Ajax结合php实现二级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • jquery ajax提交表单从action传值到jsp实现小结

    jquery ajax提交表单从action传值到jsp实现小结

    pw.print(random);这里的random就是action要向jsp传的值,在jsp中,success: function(text)这里的text就是接收从action传过来的值,感兴趣的朋友可以参考下哈
    2013-04-04
  • 用Ajax读取xml文件的简单例子

    用Ajax读取xml文件的简单例子

    Ajax的原理很简单,就是在客户端创建一个XMLHttpRequest对象(用来与服务器进行异步通信,这就是Ajax的核心,其实我们早就在用异步通信了,只是没把这项技术用在网页设计中而已),为该对象的onreadystatechange 属性添加一个事件,当对象的readyState改变的时候就会引发指定的事件。
    2008-04-04
  • ajax实现改变状态和删除无刷新的实例

    ajax实现改变状态和删除无刷新的实例

    下面小编就为大家分享一篇ajax实现改变状态和删除无刷新的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 利用AjaxSubmit()方法实现Form提交表单后回调功能

    利用AjaxSubmit()方法实现Form提交表单后回调功能

    ajaxSubmit()方法是JQuery Form表单插件中的方法,使用时,需要在jsp或者html页面上,引入JQuery库和Form插件。接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-05-05
  • Ajax实现模拟关键字智能匹配搜索效果

    Ajax实现模拟关键字智能匹配搜索效果

    这篇文章主要介绍了Ajax实现模拟关键字智能匹配搜索效果,当在搜索框输入内容时,根据关键字匹配,显示弹出层,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • Ajax+Servlet实现无刷新下拉联动效果

    Ajax+Servlet实现无刷新下拉联动效果

    这篇文章主要为大家详细介绍了Ajax+Servlet实现无刷新下拉联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 聊一聊数据请求中Ajax、Fetch及Axios的区别

    聊一聊数据请求中Ajax、Fetch及Axios的区别

    axios、fetch和ajax的区别在网络上存在很多文章,下面这篇文章也是给大家介绍了关于数据请求中Ajax、Fetch及Axios区别的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-02-02
  • Ajax动态加载数据库示例

    Ajax动态加载数据库示例

    这篇文章主要介绍的是一个Ajax动态加载数据库示例,需要的朋友可以参考下
    2014-05-05
  • AJAX请求以及解决跨域问题详解

    AJAX请求以及解决跨域问题详解

    最近开始学习ajax,学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,下面这篇文章主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下
    2022-08-08

最新评论