在Eclipse中新建一个Dynamic Web Project
在WebContent下面添加index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>my first servlet test</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">
$(document).ready(function(){
$("#btnSubmit").click(function(){
var sN = $("#name").val();
var wd = $("#pwd").val();
$.ajax({
type: "POST",//GET
url: "servletExm",
dataType: "text",
data: "name="+sN+"&pwd="+wd,
//dataType: "json",
//data: {"name":sN,"pwd":wd},
//url: "JqAjServlet.do?name="+$("[name=name]").val()+"&pwd="+$("[name=pwd]").val()+"&date="+new Date().getTime(), success: function(data){
$("#show").html(data);
},
error: function(){
$("#show").html("Error XMLHttpRequest");
}
});
}); });
</script></head>
<body> <table border="0">
<tr><td>name:</td><td><input type="text" id="name"/></td></tr>
<tr><td>password:</td><td><input type="password" id="pwd"/></td></tr>
<tr><td></td><td><input type="button" id="btnSubmit" value="GETsubmit"/></td></tr>
</table> <div id="show"></div></body>
</html>
添加一个Servlet文件
package package1;import java.io.IOException;
import java.io.PrintWriter;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;/**
* Servlet implementation class servletExm
*/
@WebServlet("/servletExm")
public class servletExm extends HttpServlet {
private static final long serialVersionUID = 1L; /**
* @see HttpServlet#HttpServlet()
*/
public servletExm() {
super();
// TODO Auto-generated constructor stub
} /**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//response.getWriter().append("Served at: ").append(request.getContextPath());
doPost(request, response);
} /**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//doGet(request, response);
response.setContentType("application/text; charset=utf-8");
PrintWriter out = response.getWriter(); String name = request.getParameter("name");
String pwd = request.getParameter("pwd"); //System.out.println("name="+name+" pwd="+pwd); out.write("hello " + name + " 你的密码为" +pwd);
}}
