开发环境:Eclipse Java EE + Tomcat 7.0
相关设置
在 Eclipse 里创建一个新的动态 Web 应用
一直点击next到下面这个页面
勾选 Generate web.xml 选项,Eclipse会自动帮你在项目内创建 web.xml
在项目的src文件夹下添加一个类,
将tomcat安装目录lib下的servlet-api.jar复制到项目中的WEB-INF文件夹的lib中,并将其添加到项目中。
将静态页面复制到WebContent文件夹中
最后整个项目的框架是这样的:
代码部分
主要的代码包括 myClass.java index.html 和 web.xml三个部分
myClass.java的代码:
package myWeb;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class myClass extends HttpServlet{
private String message;
//Servlet 初始化时调用init()方法,并进行相关的操作
public void init() throws ServletException
{
}
//doPost 和 doGet, servlet会检查不同的请求,并根据传输的方式执行 doPost 还是 doGet
//此处只需要些doPost
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
{
//用getParameter()方法来取得传来的数据
message = request.getParameter("value");
PrintWriter out = response.getWriter();
out.print("Your input is "+ message);
out.flush();
out.close();
}
public void destroy()
{
}
}
index.html 代码:
包含html, js部分
Testtitle>head>
CLICK ME TO CHANGEbutton>
$(function(){
$("#click").click(function(){
//$("#showbox").text($("#input").val());
$.post("myClass",
{"value":$("#input").val()},//传入数据为json对象
function(data,textStatus){
$("#showbox").text(data);//显示返回的数据
}
);
})
})script>
body>
html>
web.xml
在自动创建的 web.xml 下添加代码如下:
myWebdisplay-name>
index.htmlwelcome-file>
index.htmwelcome-file>
index.jspwelcome-file>
default.htmlwelcome-file>
default.htmwelcome-file>
default.jspwelcome-file>
welcome-file-list>
myClassservlet-name>
myWeb.myClassservlet-class>
servlet>
myClassservlet-name>
/myClassurl-pattern>
servlet-mapping>
web-app>
以下内容摘自 http://blog.csdn.net/guihaijinfen/article/details/8363839
servlet元素的两个主要子元素servlet-name和servlet-class用来定义servlet所对应的class
servlet的名称
定义servlet的名称
servlet的类名称
定义servlet的类名称
servlet-mapping元素包含两个子元素servlet-name和url-pattern.用来定义servlet所对应URL.
Servlet的名称
定义Servlet的名称.
Servlet URL
定义Servlet所对应的RUL.例如:/Servlet/*
运行
运行 index.html 显示如下界面,在input中输入相关内容会post给服务器,经过myClass.class 后会返回输入的内容,结果如下图: