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

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

--------------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();   
    }   
}
页: [1]
查看完整版本: Ajax异步调用servlet--注意路径