ajax自动实时更新数据

原创 2006年06月11日 20:25:00

利用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自动刷新好像是个很常见的问题,之前做一个网页聊天室程序也是卡在了这上面,经过了这段时间的学习,终于做出了一个可以自动刷新网页的代码框架,希望正在迷茫的亲们不要像我一样走了这么多弯路 废话不多...
  • qq754406613
  • qq754406613
  • 2015年02月21日 23:10
  • 5406

Javascript & HTML5 使用Ajax自动更新页面数据

通过设置interval和ajax,来实现页面数据的更新,亮点是只更新一个
  • willproud
  • willproud
  • 2014年05月20日 20:39
  • 3632

Java Web实现动态刷新并向数据库写入信息(Ajax)

需要的语言工具Java+JavaScript+Html 1、先jian'li
  • jackyip2011
  • jackyip2011
  • 2014年10月25日 21:40
  • 1881

Ajax实例练习--股票动态更新面板

通过Ajax异步请求,每隔一定时间自动从服务器获取数据并对局部页面进行刷新。服务器和客户端的数据通过Json的格式来传输。在服务器端使用stringBuilder类,构造一个Json字符串。返回到客户...
  • u011500356
  • u011500356
  • 2016年01月29日 16:23
  • 1035

ajax实时更新数据

实现功能: 显示试题结果,并实时更新各题各选项选择人数 效果如图:示例代码:控制器 SurveyController.php public function getResult($id){ ...
  • kirsten_z
  • kirsten_z
  • 2017年02月24日 14:16
  • 2887

JS之页面自动刷新,用于需要实时更新页面

自动刷新页面的方法: 1.页面自动刷新:把如下代码加入区域中 其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入区域中 其中20指隔20秒后跳转到http://www.xx...
  • LPlanguage
  • LPlanguage
  • 2016年09月14日 15:28
  • 4476

ajax实现消息实时刷新

现往这个数据表里面插入数据,要求不点击刷新按钮实时显示在浏览器中,这就需要用到ajax。 第一步,编写js文件AjaxRequest.js: var net = new Object(); /...
  • w_t_y_y
  • w_t_y_y
  • 2017年05月03日 11:02
  • 2159

jsp+ajax自动刷新局部页面

通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象, JavaScript 可在不重载页面的情况与 Web ...
  • HUXU981598436
  • HUXU981598436
  • 2014年11月14日 13:18
  • 1187

Ajax对表格中的信息不刷新页面进行更新数据

html: Title 1111 ...
  • Grit_ICPC
  • Grit_ICPC
  • 2016年11月05日 17:18
  • 3025

jQuery实现AJAX定时刷新局部页面实例

jQuery实现AJAX定时刷新局部页面实例
  • sunyiming537
  • sunyiming537
  • 2016年09月06日 10:07
  • 5076
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax自动实时更新数据
举报原因:
原因补充:

(最多只允许输入30个字)