AJAX刷新更新数据
生活已是百般艰难,为何不努力一点。下面图老师就给大家分享AJAX刷新更新数据,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
scriptlanguage="JavaScript"
functionGetResult()
...{
/**//**//**//*
*---------------GetResult()-----------------
*GetResult()
*功能:通过XMLHTTP发送请求,返回结果.
*参数:str,字符串,发送条件.
*实例:GetResult();
*---------------GetResult()-----------------
*/
varoBao=newActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-112:22
oBao.open("POST","foo.php",false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
varstrResult=unescape(oBao.responseText);
//将字符串分开.
vararrResult=strResult.split("###");
RemoveRow();//删除以前的数据.
//将取得的字符串分开,并写入表格中.
for(vari=0;iarrResult.length;i++)
...{
arrTmp=arrResult[i].split("@@@");
num1=arrTmp[0];//字段num1的值
num2=arrTmp[1];//字段num2的值
row1=tb.insertRow();
cell1=row1.insertCell();
cell1.innerText=num1;
cell2=row1.insertCell();
cell2.innerText=num2;
}
}
functionRemoveRow()
...{
//保留第一行表头,其余数据均删除.
variRows=tb.rows.length;
for(vari=0;iiRows-1;i++)
...{
tb.deleteRow(1);
}
}
functionMyShow()
...{
//2秒自动刷新一次,2秒取得一次数据.
timer=window.setInterval("GetResult()",2000);
}
/script
bodyonload="MyShow()"
p
/p
tablewidth="47%"height="23"border="0"cellpadding="1"cellspacing="0"id="tb"
tr
tdnum1/td
tdnum2/td
/tr
/table