网站首页 > 网络编程教程 > Ajax教程 > Ajax实现不刷屏的前提下实现页面定时刷新

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

  • 作者:互联网
  • 时间:2009-07-06 16:39:31

主页面(要求刷新的页面)要求每一分钟刷新一次系统时间

ge***stemTime.jsp")"> //创建httpRequest对象



        
//显示平台系统时间
       

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

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

<%
Date d = new Date();
Timestamp ts = new Timestamp(d.***Time());
String result = ts***String().substring(0,16);
ou***rite(result,0,re***t.length());
%>


ajax.js

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

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

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

//发送数据
 http_requ***send(null);

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

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