网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网络编程 > Ajax
Tag:注入,存储过程,分页,安全,优化,xmlhttp,fso,jmail,application,session,防盗链,stream,无组件,组件,md5,乱码,缓存,加密,验证码,算法,cookies,ubb,正则表达式,水印,索引,日志,压缩,base64,url重写,上传,控件,Web.config,JDBC,函数,内存,PDF,迁移,结构,破解,编译,配置,进程,分词,IIS,Apache,Tomcat,phpmyadmin,Gzip,触发器,socket
网络编程:ASP教程,ASP.NET教程,PHP教程,JSP教程,C#教程,数据库,XML教程,Ajax,Java,Perl,Shell,VB教程,Delphi,C/C++教程,软件工程,J2EE/J2ME,移动开发
本月文章推荐
.关于IE缓存和AJAX的一点思考和疑.
.AJAX里TabContainer的CSS属性.
.利用PHP+JavaScript打造AJAX搜索.
.ajax实现垮域访问初探.
.解决AjaxControlToolkit中Calend.
.争论:Ajax技术是否即将没落?.
.漫谈Ajax在.Net中的使用.
.[四天学会ajax] 学习Ajax教程第三.
.Ajax+GridView+Xml的简易留言薄.
.xmlHTTP xmlDOC 与 C#中DataSet的.
.使用AJAX技术打造博客无刷新搜索.
.关天asp.net ajax beta中在updat.
.Ajax程序中,自己实现页面前进、后.
.在ajax开发中集成数据库技术.
.如何在ASP.Net Ajax中调用WebSer.
.利用MS AJAX 扩展服务器端控件.
.AJAX技术经验谈:技术原理及应用.
.Ajax实现网易相册样式的修改.
.ajax进度条.
.基于AJAX的ASP.NET聊天室-如何建.

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

发表日期:2007-4-30


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

<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("请求失败!");
  }
 }
}

上一篇:Ajax程序设计入门 人气:21580
下一篇:Ajax实现分页查询 人气:14878
浏览全部Ajax的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐