prototype Ajax+Servlet(附Demo)
建立Test WEB工程
prototype.js 位置 WebContent/js/prototype.js
创建test2.jsp 位置 WebContent/test/test2.jsp
创建 PrototypeServlet.java 位置 com.test.servlet
web.xml配置
prototype.js 位置 WebContent/js/prototype.js
创建test2.jsp 位置 WebContent/test/test2.jsp
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Insert title here</title>
<script src="js/prototype.js" type="text/javascript"></script>
</head>
<script language="javascript">
var vXHR;
function createXHR()
{
try
{
vXHR = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
vXHR = new ActiveXObject("MSXML2.XMLHTTP");
}
catch (e)
{
vXHR = false;
}
}
if (!vXHR && typeof XMLHttpRequest != 'undefined')
{
vXHR = new XMLHttpRequest();
}
return vXHR;
}
function getInfo()
{
createXHR();
var textValue = document.getElementById("text1").value;
var vUrl = "/Test/prototypeservlet?test=" + textValue;
vXHR.open("get", vUrl, true);
vXHR.send(null);
vXHR.onreadystatechange = infoBack;
}
function infoBack()
{
if (vXHR.readyState == 4)
{
if (vXHR.status == 200)
{
var s = vXHR.responseText;
document.getElementById("text1").value = s;
}
}
}
</script>
<body>
<input type="text" id="text1" name="text" />
<input type="button" id="button1" name="button" value="点击"
onclick="getInfo();" />
</body>
</html>
创建 PrototypeServlet.java 位置 com.test.servlet
package com.test.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PrototypeServlet extends HttpServlet
{
/**
*
*/
private static final long serialVersionUID = 1L;
public void init() throws ServletException
{
System.out.println("hello");
}
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException
{
String textValue = request.getParameter("test");
System.out.println("textValue="+textValue);
PrintWriter out = null;
try
{
out = response.getWriter();
}
catch (IOException e)
{
// TODO Auto-generated catch block
e.printStackTrace();
}
out.print("hello:"+textValue);
}
public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException
{
doGet(request, response);
}
}
web.xml配置
<servlet> <servlet-name>PrototypeServlet</servlet-name> <servlet-class>com.test.servlet.PrototypeServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>PrototypeServlet</servlet-name> <url-pattern>/prototypeservlet/*</url-pattern> </servlet-mapping>