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实时更新数据

实现功能: 显示试题结果,并实时更新各题各选项选择人数 效果如图:示例代码:控制器 SurveyController.php public function getResult($id){ ...

ThinkPHP3.2.3---mysql+ajax实现长连接,实时监测数据库数据是否更新

实现目标  对数据库的数据更新进行监测,如果更新了数据就将数据全部显示出来,没有更新,则一直监测。   比如有一个服务端(浏览器),有很多客户端(浏览器),客户端提交了数据,服务端想要在不刷新浏览器...

ajax实时刷新数据

  • 2017-03-21 12:30
  • 179KB
  • 下载

在 Ajax 应用程序中实现实时数据推送

Sandeep Malik, 技术主管, WSO2 Inc                全新的高级用户界面(UI)应用程序需要某些 “服务器推送” 方面...

jQuery+AJAX+JSON+Highcharts 可视化数据实战——实时的温度曲线实战

因为项目需要打算把原来做的比赛的东西,迁移到Angular JS上面,但是发现要熟悉使用起来还需要一段时间,旧的框架就是现有的jQuery+JSON+Highcharts+AJAX。 数据格式如下所示...

easyui-combobox---ajax获取数据库JSON数据,实现搜索框实时显示模糊搜索结果

效果说明  基于thinkphp3.2.3版本的框架实现,利用ajax从后台数据库中获取数据,其中获取数据是用模糊搜索方式,返回json数据,然后在模板中利用js将数据显示到搜索框下拉面板中。模板 v...

在 Ajax 应用程序中实现实时数据推送

在 Ajax 应用程序中实现实时数据推送 学习使用基于套接字的 RIA 技术 Sandeep Malik, 技术主管, WSO2 Inc 简介: 全新的高级用户界...

easyui 下拉框点击ajax后台json数据 实时刷新

员工添加     $(function() {               $("#position").combobox({    &...

利用AJAX实现DropDownList与GridView做实时更新

====================================================== 注:本文源代码点此下载 =============================...

ajax实时更新天气预报

  • 2008-06-13 17:56
  • 17KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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