日期:2014-05-16  浏览次数:20786 次

ajax请求servlet简单Demo

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <script type="text/javascript">
	var xmlHttp;
	function createXMLHttpRequest()
	{
		try{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e)
		{
			try{
				xmlHttp = new XMLHttpRequest();
			}
			catch(e)
			{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
		}
	}

	function startRequest()
	{
		createXMLHttpRequest();
		var url = "http://localhost:8080/ajax/servlet/ajaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
		xmlHttp.open("GET",url,true);
    		xmlHttp.onreadystatechange = handleXMLHttpRequest;
		xmlHttp.send(null);
	}

	function handleXMLHttpRequest()
	{
    		if(xmlHttp.readyState==4)
    		{
        			if(xmlHttp.status==200)
        			{	
        				document.getElementById("hints").style.color="yellow";
        				alert(xmlHttp.responseText);
        			}
    		}
 	}
 	
    </script>
  </head>
  
  <body>
   <%=basePath%>
   <input name="username" value="" type="text"/>
   <input name="password" value="" type="text"/>
   <input name="submit" value="提交" type="button" onclick="startRequest()"/>
   <p id="hints">hello ajax!!</p>
  </body>

</html>

?ajaxServlet.java:

?

package com.ac.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ajaxServlet extends HttpServlet{

	public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException
	{
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		String responseText = username+"的密码是"+password+"请牢记!!!!";
		System.out.println(responseText);
		PrintWriter out = response.getWriter() ;
		out.println(responseText);
		out.close();
	}
}

?

web.xml文件配置同上一篇日志