第一个ajax小例子

请求的按钮

<div style="text-align: center">
			<input type="submit" onclick="loadName()" value="ajax提交"/>
		</div>

写好触发的方法

<script type="text/javascript">
	function loadName(){
		var xmlHttp;
		if(window.XMLHttpRequest){
			xmlHttp = new XMLHttpRequest();
		}else{
			xmlHttp = new ActiveXObject("Microsort.XMLHTTP");
		}
		xmlHttp.open("get", "servlethuang?username=huang&password=123", true);
		xmlHttp.send();
	}
</script>

写好请求的路径

<servlet>
  	<servlet-name>aaa</servlet-name>
  	<servlet-class>com.jl.controller.TestController</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>aaa</servlet-name>
  	<url-pattern>/servlethuang</url-pattern>
  </servlet-mapping>

写好接收请求处理的处理类

public class TestController extends HttpServlet{

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.doPost(request, response);
		
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		System.out.println("用户名:"+username);
		System.out.println("密码:"+password);
		System.out.println("输入一点内容");
		
	}

	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
	}
	
	
	
}

在页面上请求一下:

用户名:huang
密码:123
输入一点内容