AJAX 通用与服务器段交互代码范例 客户端传入参数-----请求servlet

前端之家收集整理的这篇文章主要介绍了AJAX 通用与服务器段交互代码范例 客户端传入参数-----请求servlet前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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,IOException {
				
			this.doGet(req,resp);
	}

}

猜你在找的Ajax相关文章