利用JSP實現Ajax
阿新 • • 發佈:2019-02-12
回顧Ajax的實現過程,包含前端程式碼和後臺Java程式碼。
通過給一個button新增click函式去呼叫sunServlet,來發起一個Ajax請求。注意open方法的第二個引數是MappingURL。
(3)測試
控制檯輸出。
(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>