<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'ajax2.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.ajax({
type:"POST",
url:"AjaxServlet",
dataType:"html",
data:{"param1":$("#param1").val(),"param2":$("#param2").val()},
success: function(returnData){
$("#result").val(returnData);
}
});
});
});
</script>
</head>
<body>
<input type="text" id="param1">+
<input type="text" id="param2">=
<input type="text" id="result">
<input type="button" id="btn" value="get value from server">
</body>
</html>
package com.sun.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
PrintWriter out = resp.getWriter();
System.out.println("do get invoked");
int param1 = Integer.parseInt(req.getParameter("param1"));
int param2 = Integer.parseInt(req.getParameter("param2"));
out.write(String.valueOf(param1 + param2));
out.flush();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doGet(req, resp);
}
}