Ajax小例

 html代码:

  
  
  
  
  1. <html> 
  2. <head> 
  3. </head> 
  4. <body> 
  5. <script type="text/javascript">  
  6. function ajaxFunction() 
  7.  { 
  8.  var xmlHttp;   
  9.  try 
  10.     { 
  11.    // Firefox, Opera 8.0+, Safari 
  12.     xmlHttp=new XMLHttpRequest(); 
  13.     } 
  14.  catch (e) 
  15.     {  
  16.   // Internet Explorer 
  17.    try 
  18.       { 
  19.       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
  20.       } 
  21.    catch (e) 
  22.       {  
  23.       try 
  24.          { 
  25.          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  26.          } 
  27.       catch (e) 
  28.          { 
  29.          alert("您的浏览器不支持AJAX!"); 
  30.          return false; 
  31.          } 
  32.       } 
  33.     } 
  34.     xmlHttp.onreadystatechange=function() 
  35.       { 
  36.       if(xmlHttp.readyState==4) 
  37.         { 
  38.          //alert(xmlHttp.readyState); 
  39.          document.myForm.time.value=xmlHttp.responseText; 
  40.         } 
  41.       } 
  42.     xmlHttp.open("GET","time.jsp",true); 
  43.     xmlHttp.send(null); 
  44.  } 
  45.   
  46. </script> 
  47. <form name="myForm"> 
  48. 用户: <input type="text" name="username" onkeyup="ajaxFunction()"/> 
  49. 时间: <input type="text" name="time" /> 
  50. </form> 
  51. </body> 
  52. </html> 

time.jsp:

  
  
  
  
  1. <%@ page import="java.util.*" %> 
  2. <%@ page import="java.text.*" %> 
  3. <
  4.     SimpleDateFormat tempDate = new SimpleDateFormat("hh:mm:ss"); 
  5.     String datetime = tempDate.format(new Date()); 
  6.     out.println(datetime); 
  7. %> 

 

你可能感兴趣的:(Ajax,职场,休闲)