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" onclick="startRequest()"/>
<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();
}
}
<%@ 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" onclick="startRequest()"/>
<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();
}
}