ajax动态时间显示jsp+ajax

carpenterworm

2013-08-01

jsp

<%@ page language="java" import="java.util.*" 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>My JSP 'time2.jsp' starting page</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="styles.css">
	-->

  </head>
  	<script language="javascript">
  		var xmlHttp;
  		function createXMLHttpRequest(){
  			if(window.ActiveXObject){
  				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  			}else{
  				xmlHttp = new XMLHttpRequest();
  			}
  		}
  		
  		function start(){
  			createXMLHttpRequest();
  			xmlHttp.open("GET", "timeservlet", true);
  			xmlHttp.onreadystatechange = callback;
  			xmlHttp.send(null);
  		}
  		
  		function callback(){
  			if(xmlHttp.readyState == 4){
  				if(xmlHttp.status == 200){
  					var time = xmlHttp.responseText;
  					document.getElementById('time').value = time;
  				}
  			}
  		}
  	</script>
  <body onload="setInterval('start()',100)">
    Time : <input type="text" id = "time" style="width:220px" >
    
    <label id="time"></label>
  </body>
</html>

Servlet

package servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TimeServlet extends HttpServlet {

	/* (non-Javadoc)
	 * @see javax.servlet.http.HttpServlet#doGet(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse)
	 */
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		//super.doGet(req, resp);
		doPost(req, resp);
	}

	/* (non-Javadoc)
	 * @see javax.servlet.http.HttpServlet#doPost(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse)
	 */
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
//		super.doPost(req, resp);
		resp.setContentType("text/xml;charset=UTF-8");
		resp.setCharacterEncoding("UTF-8");

		PrintWriter out = resp.getWriter();
		DateFormat df = new SimpleDateFormat("北京时间:yyyy年mm月dd日 hh:mm:ss");
		out.print(df.format(new Date()));
	}

	
}

web-xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
  	<servlet-name>ProvinceServlet</servlet-name>
  	<servlet-class>servlet.ProvinceServlet</servlet-class>
  </servlet>
  
  <servlet-mapping>
  	<servlet-name>ProvinceServlet</servlet-name>
  	<url-pattern>/ProvinceServlet</url-pattern>
  </servlet-mapping>
  
  <!-- 配置时间 -->
  <servlet>
  	<servlet-name>TimeServlet</servlet-name>
  	<servlet-class>servlet.TimeServlet</servlet-class>
  </servlet>
  
  <servlet-mapping>
  	<servlet-name>TimeServlet</servlet-name>
  	<url-pattern>/timeservlet</url-pattern>
  </servlet-mapping>
</web-app>

ajax string jsp