擷取xmlHttpRequest對象
function xmlHttpRequest(){ var xmlHttp; try{ xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari } catch (e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");// Internet Explorer } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");// Internet Explorer } catch (e){} } }return xmlHttp; }
ajax處理代碼
window.onload=function(){ document.getElementById("ok").onclick=function(){ //建立XmlHttpRequest對象var xmlHttp=xmlHttpRequest(); //註冊監聽 xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4){//200表示ok,304表示沒有修改 if(xmlHttp.status==200||xmlHttp.status==304){//接收伺服器端返回的資料var data=xmlHttp.responseText;alert(data);} }} // 開啟和伺服器的串連,加timeStamp是消除緩衝 xmlHttp.open("get","../testServlet?timeStamp="+new Date().getTime()+"&pam=18",true);// 發送資料到伺服器端xmlHttp.send(null);}}
伺服器端處理代碼
public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");PrintWriter out = response.getWriter();System.out.println("pam= "+request.getParameter("pam")); //伺服器發送資料到用戶端out.println("success");}