jQuery 中异步处理 之 $.ajax()的用法:
1、对应的jsp页面,引入jQuery插件:
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.ajax({
type: "POST",
dataType :"html",
url: "MyServlet",
data: {"params1":$("#params1").val(),"params2":$("#params2").val()},
success: function(returnedData){
$("#result").val(returnedData);
}
});
});
});
</script>
</head>
<body>
<input type="text" name="params1" id="params1">+
<input type="text" name="params2" id="params2">=
<input type="text" name="username" id="result"/>
<input type="button" id="btn" name="btn" value="Get content from server"/>
</body>
2、通过$.ajax(),来请求servlet:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
int params1 = Integer.parseInt(request.getParameter("params1"));
int params2 = Integer.parseInt(request.getParameter("params2"));
String result = String.valueOf(params1 + params2);
PrintWriter out = response.getWriter();
out.println(result);
out.flush();
out.close();
}