您的位置:网站主页> Ajax教程 > Ajax实现不刷屏的前提下实现页面定时刷新

Ajax实现不刷屏的前提下实现页面定时刷新

时间:2018-05-03 06:37:02   编辑:王连龙   文章来源:php教学网 已阅读:209 次

编程入门教程[www.ask186.com]网站介绍 

    编程入门教程主要涉及WEB开发领域,主要为广大WEB开发人员提供最新的WEB开发资讯信息,包含php教程mysql教程php面试题在线调色板php学习以及常用( Amazon ApiGoogle Api)等API、爱问资源共享HTML转JS不显示xml...[详细]
广告投放: 编程入门教程:www.ask186.com 电话:15818865556

<html>

<body onload="makeRequest("getSystemTime.jsp")"> //创建httpRequest对象

<form name="dateForm">

<table>

<td colspan="2" align="center">
         <div id="sysTimeShow"></div> //显示平台系统时间
        </td>
</table></form>

</body>

</html>

getSystemTime.jsp     //获得系统的当前时间,也就是输出结果的页面

<%@ page language="java"  %>
<%@ page contentType="text/html;charset=GB2312" %>
<%@ page import="java.util.Date"%>
<%@ page import="java.sql.Timestamp"%>
<%@ page import="java.io.IOException"%>

<%
Date d = new Date();
Timestamp ts = new Timestamp(d.getTime());
String result = ts.toString().substring(0,16);
out.write(result,0,result.length());
%>


ajax.js

function makeRequest(url) {
 http_request = false;
 if (window.XMLHttpRequest) {
  http_request = new XMLHttpRequest();
  if (http_request.overrideMimeType){
   http_request.overrideMimeType('text/xml');
  }
 } else if (window.ActiveXObject) {
  try{
   http_request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e) {
   }
  }
 }
 if (!http_request) {
  alert("您的浏览器不支持当前操作,请使用 IE 5.0 以上版本!");
  return false;
 }
 

//定义页面调用的方法init,不是init();没有();
 http_request.onreadystatechange = init;
 http_request.open('GET', url, true);

//禁止IE缓存
 http_request.setRequestHeader("If-Modified-Since","0");

//发送数据
 http_request.send(null);

//每60秒刷新一次页面
 setTimeout("makeRequest('"+url+"')", 60000);
}

function init() {
 if (http_request.readyState == 4) {
  if (http_request.status == 0 || http_request.status == 200) {
   var result = http_request.responseText;
   if(result==""){
    result = "系统时间获取失败";
   }
   document.getElementById ("sysTimeShow").innerHTML="平台系统时间:"+result;
  } else {//http_request.status != 200
   alert("请求失败!");
  }
 }
}


  • 上一篇:
  • 下一篇:

本文地址:http://www.ask186.com/content/article/ajax/30430.html(转载请保留)

相关关键词搜索:Ajax实现不刷屏的前提下实现页面定时刷新

发表评论
      
* 以上用户言论只代表其个人观点,不代表www.ask186.com网站的观点或立场
推荐文档更多
编程入门教程 | PHP教程 | Mysql教程 | Apache教程 | 最新文章 | PHP面试题| 网站地图 | Google地图 | Baidu地图 | 在线WEB论坛| 中纪委反腐最新消息

WEB技术QQ交流群:151963186 站长Q号:547214413
版权所有者:编程入门教程 地址:云南省文山州砚山县盘龙乡 滇ICP备12002707号-1
特别声明:本站内容仅供参考,不作为设计及确切依据!想了解更多,可立即进入Bbs提问