AJAX方式提交Form表单

表单提交方法有三种，主要说下第三种

第一种：用form自带属性action提交

第二种：用jquery提交：$("#formid").submit();

第三种：用ajax提交：

但如果form表单中数据很多时，不可能一一列出，只需要用

$('#myform').serialize()就可以了

<script type="text/javascript">
    $(function () {
        $("#btnLogin").click(function () {
            //提交表单
            $.ajax({
                async: false, 
                type: "POST",
                url: "/User/StudenLogin",
                data: $('#myform').serialize(),
                success: function (data) {
                    if (data.res == 1) {
                        location.href = "/Test/StudentHomePage";
                    }
                    else {
                        layer.msg(data.msg); //layer.js插件提示效果  layer.js下载、效果演示>>
                    }
                }
            });

        });

    });
</script>

 button按钮要写上onclick="return false;"，不然点击整个页面会刷新。 参考>>

<button id="btnLogin" onclick="return false;">登录</button>