请求的按钮
<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
输入一点内容