AJAX无刷新更新数据
来源:互联网 发布:艾克里里的淘宝店 编辑:程序博客网 时间:2024/04/26 18:22
<script language="JavaScript">
function GetResult()
...{
/**//**//**//*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult();
*--------------- GetResult() -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-1 12:22
oBao.open("POST","foo.php",false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
var strResult = unescape(oBao.responseText);
//将字符串分开.
var arrResult = strResult.split("###");
RemoveRow(); //删除以前的数据.
//将取得的字符串分开,并写入表格中.
for(var i=0;i<arrResult.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;
}
}
function RemoveRow()
...{
//保留第一行表头,其余数据均删除.
var iRows = tb.rows.length;
for(var i=0;i<iRows-1;i++)
...{
tb.deleteRow(1);
}
}
function MyShow()
...{
//2秒自动刷新一次,2秒取得一次数据.
timer = window.setInterval("GetResult()",2000);
}
</script>
<body onload="MyShow()">
<p>
</p>
<table width="47%" height="23"border="0" cellpadding="1" cellspacing="0" id="tb">
<tr>
<td>num1</td>
<td>num2</td>
</tr>
</table>
function GetResult()
...{
/**//**//**//*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult();
*--------------- GetResult() -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-1 12:22
oBao.open("POST","foo.php",false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
var strResult = unescape(oBao.responseText);
//将字符串分开.
var arrResult = strResult.split("###");
RemoveRow(); //删除以前的数据.
//将取得的字符串分开,并写入表格中.
for(var i=0;i<arrResult.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;
}
}
function RemoveRow()
...{
//保留第一行表头,其余数据均删除.
var iRows = tb.rows.length;
for(var i=0;i<iRows-1;i++)
...{
tb.deleteRow(1);
}
}
function MyShow()
...{
//2秒自动刷新一次,2秒取得一次数据.
timer = window.setInterval("GetResult()",2000);
}
</script>
<body onload="MyShow()">
<p>
</p>
<table width="47%" height="23"border="0" cellpadding="1" cellspacing="0" id="tb">
<tr>
<td>num1</td>
<td>num2</td>
</tr>
</table>
- AJAX无刷新更新数据
- ajax 无刷新定时更新数据
- Ajax无刷新实现定时更新数据
- .NET 使用 Ajax 无刷新更新数据
- MVC3 用Ajax删除数据和无刷新更新数据
- Ajax无刷新的获取数据绑定GridView及无刷新更新数据
- ajax无刷新获得数据
- ajax无刷新加载数据
- xmlhttp无刷新数据更新
- 页面无刷新更新数据
- ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
- IE下遭遇Ajax缓存导致数据不更新的问题 ajax页面无刷新
- ajax 动态无刷新更新网页
- Ajax无刷新文件上传重要更新!!!!!!
- ajax 无刷新动态更新时间
- ajax无刷新更新表格内容
- 类似facebook无刷新ajax更新
- jquery ajax无刷新更新页面
- Java对象序列化
- AJAX读文本内容
- 这样软件开发人才级别的划分你同意吗
- 如何像表格table一样对层div进行轻松布局
- 绝对真实的这年头-难得奇文共赏
- AJAX无刷新更新数据
- 百度硬盘搜索 2.3 试用手记
- AJAX联动一例子
- JS设置COOKIE,PHP中处理
- 表格自适应iframe的高度.
- 计算机科学的理论基础
- 网络监听攻击技术
- 大学中年级学生的学习之道
- GIS的19个研究方向(美)