標籤:顯示 callback jsp 伺服器 回呼函數 amp html 成功 pat
<%@ 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 ‘index.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"><style type="text/css">#result{border:2px solid #999999;background-color:#eeeeee;}</style><script type="text/javascript">var xhr;function getTime(){try{//先嘗試使用標準方式建立(Firefox、Chrome都支援)xhr=new XMLHttpRequest();}catch(e){//出現異常,意味著IE7之前版本,使用ActiveObject建立。xhr=new ActiveXObject("Microsoft.XMLHttp");}//設定狀態變化,回呼函數;xhr.onreadystatechange=callback;//佈建要求方式和URLxhr.open("get","gettime");//發送請求xhr.send(null);}//狀態變化的回呼函數;//判斷請求完成,並且成功返回function callback(){if(xhr.readyState==4 && xhr.status==200){var resDiv=document.getElementById("result");var old=resDiv.innerHTML;resDiv.innerHTML=old+xhr.responseText+"<br/>";}}</script> </head> <body> <input type="button" value=‘擷取伺服器時間‘ onclick=‘getTime()‘/> <div id=‘result‘> 這裡顯示從伺服器擷取時間,多次點擊按鈕擷取時間,不會重新整理整個頁面!~ </div> </body></html>
Servlet代碼;
resp.setContentType("text/html;charset=utf-8");PrintWriter out=resp.getWriter();Date date=new Date();out.print(date);out.flush();out.close();
JSP之AJAX之一入門篇