java jquery post_JQuery的Post方式和Java进行交互

开发环境：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>

HERE IS SOME TEXTdiv>

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 后会返回输入的内容，结果如下图：