<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ajax</title> <mce:script type="text/javascript"><!-- var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { xmlHttp = new XMLHttpRequest(); } } function sendServer() { var name = document.getElementById("myText").value; var v = encodeURIComponent(name) //alert(name); //alert(v); //var time = new Date().getTime(); createXMLHttpRequest(); //xmlHttp.open("GET","ajax.do?name="+v+"&date="+time,true); xmlHttp.open("GET","ajax.do?name="+v,true); //xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlHttp.onreadystatechange = callback; xmlHttp.send(); } function callback(){ if(xmlHttp.readyState == 4){ document.getElementById("pic").style.display = "none"; if(xmlHttp.status == 200){ var text = xmlHttp.responseText; //alert(text); document.getElementById("cc").innerHTML = text; } else { alert(xmlHttp.status); } } else { document.getElementById("pic").style.display = "block"; } } // --></mce:script> </head> <body> <input type="text" id="myText"/> <div id="pic" style="display:none" mce_style="display:none"> <img alt="" src="images/loading.gif" mce_src="images/loading.gif"/> </div> <div> <input type="button" value="Ajax Send" οnclick="sendServer()"/> </div> <div id="cc"></div> </body> </html>