1. 程式人生 > >利用JSP實現Ajax

利用JSP實現Ajax

回顧Ajax的實現過程,包含前端程式碼和後臺Java程式碼。

(1)後臺建立過程

1.使用MyEclipse10建立Web工程。

2.新建servlet,注意不是新建class

使用MyEclipse會自動為servlet配置web.xml檔案。

(2)前臺程式碼

主要是JS程式碼,通過post方式去呼叫剛剛建立的servlet。

   	function funServlet(){
	   var xmlhttp = new XMLHttpRequest();
	   xmlhttp.onreadystatechange=function(){
		   console.log("readyState:"+xmlhttp.readyState+";status"+xmlhttp.status);	
		   if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
		   { 
		   	   alert(xmlhttp.responseText);
		   }
	   };
	   xmlhttp.open("post","./servlet/servletForAjax",true);
	   xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	   xmlhttp.send("name=allen&password=123456"); 
  	}

通過給一個button新增click函式去呼叫sunServlet,來發起一個Ajax請求。注意open方法的第二個引數是MappingURL。
(3)測試
控制檯輸出。

</pre><pre>