ajax自动实时更新数据
来源:互联网 发布:淘宝g家是什么牌子 编辑:程序博客网 时间:2024/04/26 12:36
利用ajax实现无刷新更新数据
show.html //客户端
<script language="JavaScript">
function GetResult() {
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.open("POST","rand.php",false);
http_request.send();
var strResult = http_request.responseText;
RemoveRow(); //删除以前的数据.
num1 = strResult; //字段num1的值
row1 = tb.insertRow();
cell1 = row1.insertCell();
cell1.innerText = num1;
}
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>
</tr>
</table>
get.php //服务端
<?
echo rand();
?>
- ajax自动实时更新数据
- ajax实时更新数据
- 使用ajax轮询做实时数据更新
- XMLHTTP无刷新自动实时更新数据
- XMLHTTP无刷新自动实时更新数据
- XMLHTTP无刷新自动实时更新数据
- XMLHTTP无刷新自动实时更新数据
- DWR实时自动动态更新网页数据
- 利用XMLHTTP无刷新自动实时更新数据.
- 利用XMLHTTP无刷新自动实时更新数据. wanghr100 [原作]
- 利用XMLHTTP无刷新自动实时更新数据
- 利用XMLHTTP无刷新自动实时更新数据.
- 利用XMLHTTP无刷新自动实时更新数据.
- 利用XMLHTTP无刷新自动实时更新数据
- 利用XMLHTTP无刷新自动实时更新数据
- 利用XMLHTTP无刷新自动实时更新数据
- 利用XMLHTTP无刷新自动实时更新数据
- 利用XMLHTTP无刷新自动实时更新数据
- 要么自宫要么滚蛋
- FCKeditor 2.0 的设置.修改.使用
- 利用spring和JMX监测程序运行
- 强烈推荐深蓝网络电视
- 一位老工程师给年轻人的“十大忠告” ZZ
- ajax自动实时更新数据
- **全部個人收藏
- Boot.ini文件详解
- VB中的一個特性
- 工作流之大局势2006版
- 第一篇blog文章
- 一名25岁的董事长给大学生的17条忠告!
- XHTML 使用手记 By Stabx
- 给学生与软件业新手的十招