<button>会自动提交表单吗？

时间：2016-01-22 14:27:33 阅读：136 评论：0 收藏：0 [点我收藏+]

标签：

点击button以后，表单先由ajax提交，然后无论后台返回什么结果，页面都会跳转到表单action属性指定的路劲，
也就是login.html
使用的是html、jquery、javascript，后台是spring mvc 代码如下：

html表单：

<form action="login.html" method="post" id="loginForm">
        <input type="text" id="username" name="userName" />
        <input type="password" id="password" name="password" />
        <button class="btn btn-warning btn-loginsize" onClick="submitForm()">
            登陆
        </button>
        <a href="#">忘记密码?</a>
        <a href="#">注册</a>
</form>

jquery、javascript代码：

<script>
    function submitForm() {
        $.ajax({
            cache: true,
            type:"POST",
            url: "verification.json",
            dataType:"json",
            data:$("#loginForm").serializeArray(),
            async: false,
            success:function(data){
                if(data.flag == "1") { //登陆成功
                    alert("aa"); //这里返回正确
                    location.href="index.html";//这里没有作用，什么原因?
                }else{ //登陆失败
                    alert("warnings");
                }
            },
            error:function(data){
                alert("error");
            }
        });
    }
</script>

后台代码

@RequestMapping("/verification.json")
@ResponseBody
public Map<String, Object> verification(User user) {
    Map<String, Object> map = new HashMap<String, Object>();
     
    if (user.getUserName().equals("admin") && user.getPassword().equals("admin")) {
        map.put("flag", "1");
    } else {
        map.put("flag", "0");
    }
    return map;
}

button请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。