Form表单提交

Form表单提交

1.Form表单提交

<form action="/getUser" method="post">
    账号：<input type="text" name="id"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="登录">
</form>

@PostMapping("/getUser")
@ResponseBody
public String login(String id,String password){
    System.out.println("id = " + id+"password="+ password);
    return "id = " + id+"password="+ password;
}

2.AJax提交

<!--Ajax提交表单信息-->
<h4>Ajax提交</h4>
<form id="user1">
    账号：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    <button onclick="login()">登录</button>
</form>

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
    function login() {
        $.ajax({
            url:"getUser1",
            type:"post",
            data:$("#user1").serialize(),
            success:function (result) {
                    if (result == 1){
                        alert("注册成功")
                    }else{
                        alert("注册失败")
                    }
            }

        })

    }
</script>

@RequestMapping(value = "getUser1",method = RequestMethod.POST)
@ResponseBody
public int getUser1(String username, String password){
    System.out.println("id = " + username + ", password = " + password);
    return 1;
}

随遇而安，你个嘚嘚