# Ajax提交Form表单以及后端取值（java）

Ajax提交Form表单以及后端取值（java）

1、ajax提交form表单：提交的按钮οnclick="denglu()"时候触发ajax方法

 <script>
 	function denglu(){
 		$.ajax({
 			//请求的类型Post、Get
 			type : "POST",
 			//后端请求的地址
 			url : "../denglu",
 			//方法1：将form表单数据序列化
 			data : $('#one').serialize(),
 			//方法2：传送json数据
 			//data:{user:user,password:password},
 			dataType:"json",
 			success : function(data) {
 				//接收后台返回的结果
 				if(data>0){
 					alert("提交成功");
 				}else{
 					alert("操作失败"+$(".user").val+"|"+data);
 				}
 			},
 			error : function(data) {
 				alert("操作异常"+data.responseText);
 			}
 		});
 	}
 </script>

2、后端取值

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		String password=request.getParameter("password");
    		String name=request.getParameter("user");
    		System.out.println("得到的信息为："+name+"====="+password);
    		int data=1;
    		response.getWriter().println(data);
    	}

3、servlet注册

<?xml version="1.0" encoding="UTF-8"?>
<servlet>
  	<servlet-name>DengLu</servlet-name>
  	<servlet-class>ajax_03.DengLu</servlet-class>
</servlet>

4、form表单

 <center>
	<form id="one" method="post"">
		<tr>
			账号：
			<input type="text" name="user" ">
		</tr>
		<br>
		<tr>
			密码：
			<input type="password" name="password" ">
		</tr>
		<br>
		<tr>
			<input type="submit" value="提交" onclick="denglu()">
			<input type="reset" value="重置">
		</tr>
	</form>
</center>

• 给按钮添加click()方法，触发ajax请求

$("#subtn").click(function () {
    $.ajax({
        type:"post",
        url:"/student/reg",
        data:$("#myform").serialize(),
        success:function (msgs) {
            if(msgs==1){
                window.location.href="/before/toLogin"
                layer.msg("注册成功");
            }else {
                layer.msg("注册失败")
            }
        },
        error:function (reg)
        {
            layer.msg("请求失败")
        }
    });
});