MVC下$.post第一次提交依旧是get方式，第二次才是post，怎么回事

1、form元素的属性

• action 表单提交的后端地址，若没有设置这个属性，则默认为当前页面的地址
• method 表单提交的方式：post、get、put等，默认不设置为 get

    <form action="/login" method="post">
        <input type="text" name="userName">
        <button>submit</button>
    </form>

2、触发 form 表单提交的条件
在不使用js的前提下默认，当 form 表单中存在以下两种元素时会自动提交表单：

1）button 元素
    <button>submit</button>
2）input ，type=submit
<input type="submit" value="submit" >

由以上两点即可知道，您代码中的button 设置的type错误才导致两次请求。

3、顺序问题
我们将代码改为：

然后随便输入框输入内容，打开“网络”选项，点击按钮后：

由此可以看到代码先执行按钮的click事件，再执行 form 的提交。

    $(function(){
     ​$("#btn").click(function(){
     ​    ​$.post(
     ​    ​    ​    ​'/Home/CheckLogin',
     ​    ​    ​    ​$("#form1").serialize(),
     ​    ​    ​    ​function(data)
     ​    ​    ​    ​{
     ​    ​    ​    ​    ​windows.location.href='@url.Action("Index","Home")';
     ​    ​    ​    ​}
     ​    ​    ​);
         return false;/////////阻止表单提交
     ​});
    });

要么

<input type="submit" value="login" id="btn"/>
改为type="button"