<html> <head> <title>Ajax Example</title> <script language="Javascript"> function postRequest(strURL) { var xmlHttp; if (window.XMLHttpRequest) { // Mozilla, Safari, ... var xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.open('POST', strURL, true); xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) { updatepage(xmlHttp.responseText); } } xmlHttp.send(strURL); } function updatepage(str){ document.getElementById("result").innerHTML = "<font color='green' size='5'>" + str + "</font>"; } function showCurrentTime(){ var c=0 var t var url="date.jsp" postRequest(url); c=c+1; t=setTimeout("showCurrentTime()",1000); } </script> </head> <body onload="JavaScript:showCurrentTime()"> <h1 align="center"><font color="#000080">Ajax Example</font></h1> <p><font color="#000080"> Simple example for AJAX.</font></p> <form name="f1"> <div id="result" align="center"></div> </form> <div id=result></div> </body> </html>
2 JSP code: date.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@page import="java.util.Date"%> <html> <head> <title>date</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="GENERATOR" content="Rational Application Developer"> </head> <body> <% String date= new Date() +""; out.print(date); %> </body> </html>
