<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.4.1.min.js">
</script>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<form id="form">
测试<input type="text" onblur="show()" name="ajax" id="ajxa1" value="11" /><span id="test"></span>
</form>
<script>
function show(){
/* var formData = new FormData(); */
var ajax1=$("#ajxa1").val();
/* formData.append("ajax",ajax1); */
$.ajax({
//请求类型
type:"post",
//传参的地址(servlet地址)
url:"test",
//传整个表单
/* data:$('#form').serialize(), */
//传参的数据
data:"ajax="+ajax1,
//返回的值
success:function(result){
$("#test").text(result)
}
});
}
</script>
<body>
</body>
</html>
package test.servlert;
/**
* Servlet implementation class test
*/
@WebServlet("/test")
public class test extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//测试前台传过来的值
System.out.println(request.getParameter("ajax"));
//传参给前台
response.getWriter().println("res");
}