<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>
<title>Insert title here</title>
</head>
<body>
name:<input type="text" id ="name"/>
sex:<input type="text" id ="sex"/>
age:<input type="text" id ="age"/>
<input type="button" value="添加" onclick="insert()" />
</body>
<script>
function insert(){
var name =$("#name").val();
var sex =$("#sex").val();
var age =$("#age").val();
$.ajax({
url:"/BigData02/MyFirstServlet",
type:"get",
data:{"name":name,"sex":sex,"age":age},
success:function(value){
console.log(value);
}
});
}
</script>
</html>
package com.bigdata;
import java.io.IOException;
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 MyFirstServlet
*/
@WebServlet("/MyFirstServlet")
public class MyFirstServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public MyFirstServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String name = request.getParameter("name");
String sex =request.getParameter("sex");
String age = request.getParameter("age");
System.out.println(name + " " + sex + " " + age);
}
/**
* @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);
}
}
界面