在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); } }