<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ajax请求响应方式
<br> var XMLHttpReq=false;<br> //创建XMLHttpRequest对象<br> function createXMLHttpRequest(){<br> if(window.XMLHttpRequest){<br> XMLHttpReq = new XMLHttpRequest();<br> if(XMLHttpReq.overrideMimetype)<br> {<br> XMLHttpReq.overrideMimeType('text/xml');<br><br> }</p> <pre><code> }else{ if(window.ActiveXObject) try{ XMLHttpReq = new ActiveXObject("Msxm12.XMLHTTP"); }catch(e){ try{ XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ } } } } //处理服务器响应结果 function handleResponse(){ //判断对象状态 if(XMLHttpReq.readystate ==2){ //信息已经成功返回，开始处理信息 alert("d"); if(XMLHttpReq.status == 200){ alert("a"); var out=""; var res =XMLHttpReq.responseXML; var response = res.getElementsByTagName("response")[0].firstchild.nodeVaule; document.getElementById("hello").innerHTML=response; } alert("c"); }else{ alert("b"); } } //发送客户端的请求 function sendRequest(url){ createXMLHttpRequest() var url='/a'; XMLHttpReq.open("post",url,true); //响应指定函数 XMLHttpReq.onreadystatechange=handleResponse; //发送请求 XMLHttpReq.send(null); } //开始调用Ajax的功能 function sayHello(){ var name=document.getElementById("name").value; //发送请求 sendRequest("SayHello?name="+name); } </script> </head> <body> <font size="1">姓名:<input type="text" id="name" > <input type="button" value="提交" onclick="sayHello()" > <div id="hello"></div> </font> </body> </code></pre> <p></html><br> -------------------------------------------------------接下来是servlet处理数据代码<br> package servlets;</p> <p>import java.io.IOException;<br> import java.io.PrintWriter;</p> <p>import javax.servlet.ServletException;<br> import javax.servlet.annotation.WebServlet;<br> import javax.servlet.http.HttpServlet;<br> import javax.servlet.http.HttpServletRequest;<br> import javax.servlet.http.HttpServletResponse;</p> <p>/**</p> <ul> <li><p>Servlet implementation class sayHello<br> */<br> @WebServlet("/a")<br> public class ajaxTest extends HttpServlet {<br> private static final long serialVersionUID = 1L;</p> <p>/**</p> <ul> <li>@see HttpServlet#HttpServlet() */ public ajaxTest() { super(); // TODO Auto-generated constructor stub }</li> </ul> <p>/**</p> <ul> <li><p>@see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)<br> */<br> protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br> // TODO Auto-generated method stub</p> <p>//处理收到的参数，生成响应的XML文档</p></li> </ul> <p>}<br> /**</p> <ul> <li>@see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); response.setContentType("text/xml;charset = GB2312"); response.setHeader("Cache-control","no-cache"); PrintWriter out = response.getWriter(); out.print("wewq"); }</li> </ul></li> </ul> <p>}</p>
