Ajax 提交给servelt处理后返回输出

来源：互联网发布：网络行业分析编辑：程序博客网时间：2024/05/14 23:58

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>enter name:<input type="text" id="inputdisplay" size="25" /><button type="button" onclick=" sendMessageToServer()">send to server:</button><br/>reply received from server:<input type="text" id="textdisplay" size=30 /><script type="text/javascript">var xmlHttpRequest;if(window.XMLHttpRequest){xmlHttpRequest=new XMLHttpRequest();}else if(window.ActiveXObject){xmlHttpRequest=new ActiveXObject("MICROSOFT.XMLHTTP");}function sendMessageToServer(){xmlHttpRequest.open("POST","AjaxDemoServlet?name="+document.getElementById('inputdisplay').value,true);xmlHttpRequest.onreadystatechange=receiveMessageFromServer;xmlHttpRequest.send();documnet.getElementById('inputdisplay').value="";}function receiveMessageFromServer(){/* xmlHttpRequest.readyState==4 --> the XMLHttpRequest has loaded the data transfer has commpleted *//* xmlHttpRequest.status==200 --> ok -the request was fulfilled */if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200)document.getElementById('textdisplay').value = xmlHttpRequest.responseXML.getElementsByTagName("responseFromServer")[0].text;}</script></body></html>

package com.zxl.ajax;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class AjaxDemoServlet extends HttpServlet {private static final long serialVersionUID = 1L;           public AjaxDemoServlet() {        super();        // TODO Auto-generated constructor stub    }protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stub}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubSystem.out.println("server received the following message from client: "+request.getParameter("name"));response.setContentType("text/xml");response.getWriter().println("<responseFromServer>hi "+request.getParameter("name")+"</responseFromServer>");System.out.println("server replied with the following message to client: hi "+request.getParameter("name"));}}