日期:2014-05-17 浏览次数:20874 次
//设置每隔几秒刷新一次
window.setInterval("reloadTable()",1000);
var count = 0 ;
//刷新方法
function reloadTable(){
//固定格式
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else{
try{
xmlHttp = new ActiveXObject("Msxm12.XMLHTTP");
}catch(e) {
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e) {
alert("浏览器不支持");
}
}
}
count ++ ;
//访问URL xmlHttp.open(METHOD,URL);
var url = "http://localhost:8888/fioc/search.action?id="+(count+1)+"&"+"t="+Math.random() ;
xmlHttp.open("POST",url,true);
xmlHttp.send();
//不同状态触发的事件
xmlHttp.onreadystatechange = function(){
var state = xmlHttp.readyState;
var returnValue ;
if(state == 4&& xmlHttp.status==200){
//当状态为4时,说明服务器已处理完成,获取返回值
returnValue = xmlHttp.responseText;
//处理返回数据
displayData(returnValue);
}
} ;
}
function displayData(data){
var table = document.getElementById("myTable") ;
if(data != null && data.length > 0){
//定义的格式为[x:x:x;y:y:y;z:z:z]每个元素以";"分隔
var arrayObj = data.split(";");
for(var i = 0 ; i < arrayObj.length ; i++){
var str = arrayObj[i];
//元素格式[行号:key:value](例如[1:id:123])
var valueArray = str.split(":");
var td = document.getElementById("td_"+valueArray[0]+"_"+valueArray[1]);
if(null != td){
td.innerHTML = valueArray[2];
}
}
//向table中插入一个TR
// var newTR = table.insertRow(table.rows.length);
// for(var i = 0 ; i < arrayObj.length ; i++){
// var value = arrayObj[i] ;
// //向TR中插入一个TD
// var newTD = newTR.insertCell(i);
// newTD.innerHTML = value.toString();
// }
}
}