Ajax异步调用servlet--注意路径

mod420116 · 发表于 2013-1-29 11:42:54

--------------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();
      alert("1111");
      //var url = "http://localhost:8080/ajax/servlet/ajaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
   var url = "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" />
<p id="hints">hello ajax!!</p>
  </body>

</html>

--------web.xml----

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <welcome-file-list>
<welcome-file>index.jsp</welcome-file>
  </welcome-file-list>



   <servlet>
      <servlet-name>ajaxServlet</servlet-name>
   <servlet-class>com.ac.servlet.AjaxServlet</servlet-class>
   </servlet>

   <servlet-mapping>
   <servlet-name>ajaxServlet</servlet-name>
   <url-pattern>/servlet/AjaxServlet</url-pattern>
   </servlet-mapping>

</web-app>

-----------servlet-----

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();
}
}

		自动登录	找回密码
密码			立即注册