AJAX刷新更新数据

【 tulaoshi.com - Web开发 】

通过XMLHTTP发送请求,返回结果.
　　
　　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