表单form的action和ajax使用情况区别

action：

 <form id="Userlogin" action="/users/login" method="post">
       <input name="userName" type="text" id="UserName"/>
       <input name="password" type="password" id="password"/>
        <input type="submit" value="登录"> <input type="reset" value="重置">
    </form>

注意：1：使用action，input要有name这个属性，传至后台。
2：点击提交按钮找到/user/login这个控制器，数据传至后台，由后端控制跳转界面。
3：action用于整个界面跳转变化，如：登录界面为单个界面，登录成功跳到另一个界面。
4：默认请求方法是get，使用method来设置请求方法。

ajax：

<script type="text/javascript">
        function login() {
            $.ajax({
                type: "POST",//方法类型
                dataType: "json",//服务器返回的数据类型
                url: "/users/login" ,//控制器url
                data: $('#Userlogin').serialize(),
                success: function (result) {
                    console.log(result);//测试是否有数据
                    if (result.resultCode == 200) {//200正确
                        alert("成功登陆！");
                       window.location.href = '跳转路径';//成功后跳转到某界面
                    }
                    ;
                },
                error : function() {
                    alert("登录失败！");
                }
            });
        }
    </script>

 <form id="Userlogin" action="/users/login" method="post">
       <input name="userName" type="text" id="UserName"/>
       <input name="password" type="password" id="password"/>
        <input type="submit" value="登录" onClick="login()"> <input type="reset" value="重置">
    </form>

注意：1：在提交按钮上要写点击事件login()。
2：ajax异步传输可以只改变整个界面的一点点地方，替换页面局部HTML时使用。如：只是在右上角提交个登录小表单，这样能避免页面数据太大，更新整个界面的话时间长。
3：请求类型type要写

以上要感谢我的老师，把我的疑惑解开。以前action和ajax都写，所以增加产品界面一个弹出的表单能成功，而我写的登录成功跳转界面就跳转不了，也没有报错。老师看了我的代码说只执行了ajax，我才知道这两个是只执行一个。
PS：我们老师真的超级厉害的，崇拜！！！！