ajax实现jsp页面的动态刷新时间

最新推荐文章于 2023-12-24 14:24:11 发布

yi_an

最新推荐文章于 2023-12-24 14:24:11 发布

阅读量1.2k

点赞数

文章标签： ajax jsp

本文链接：https://blog.youkuaiyun.com/yi_an/article/details/50965862

版权

代码如下

index.jsp:

<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" import="java.util.*,java.text.SimpleDateFormat" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>hi··</title>
   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   <link rel="stylesheet" type="text/css" href="css/1.css"/>
   <script language="javascript">

    var XMLHttpReq;
        //创建XMLHttpRequest对象
        function createXMLHttpRequest() {
            if(window.XMLHttpRequest) { //Mozilla 浏览器
                XMLHttpReq = new XMLHttpRequest();
            }
            else if (window.ActiveXObject) { // IE浏览器
                try {
                    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    try {
                        XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {}
                }
            }
        }
        //发送请求函数
        function sendRequest() {
            createXMLHttpRequest();
            var url = "Ajax.jsp";
            XMLHttpReq.open("GET", url, true);
            XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
            XMLHttpReq.send(null); // 发送请求
        }
        // 处理返回信息函数
        function processResponse() {
            if (XMLHttpReq.readyState == 4) { // 判断对象状态
                if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
                    DisplayHot();
                    setTimeout("sendRequest()", 1000);
                } else { //页面不正常
                    window.alert("您所请求的页面有异常。");
                }
            }
        }
        function DisplayHot() {
               var st =XMLHttpReq.responseXML.getElementsByTagName("showtime")[0].firstChild.nodeValue;
               document.getElementById("showtime").innerHTML = st;
        }
    </script>
</head>

<body οnlοad=sendRequest()>

<div id="time">
Time Is:

Ajax.jsp:

<%@ page language="java" import="java.util.*,java.text.SimpleDateFormat" pageEncoding="utf-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


    <%
    //设置输出信息的格式及字符集
    response.setContentType("text/xml; charset=UTF-8");
    response.setHeader("Cache-Control","no-cache");
    out.println("<response>");

    Date date = new Date();
   //转换提日期输出格式
   long l = System.currentTimeMillis();
   SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
   out.println("<showtime>"+dateFormat.format(date)+"</showtime>");

    //out.println("<showtime>"+String.valueOf(Now.getHours())+":"+String.valueOf(Now.getMinutes()+":"+String.valueOf(Now.getSeconds())+"</showtime>"));
    out.println("</response>");
    //out.close();
    %>