ajax post請求

ajax post請求遇見的坑
當按鈕類型是submit時，ajax post會提交2次，第一次是post，第二次是get，感覺是post沒有生效

 <script>
        function login(e){
             e.preventDefault();//會阻止一次，但是阻止得是post請求,如果不阻止會請求2次
            var formData=$('#login_form').serialize();
            $.ajax({
                type:'POST',
                url:'/user/login',
                data:formData,
                dataType:"json",
                success:function(data){
                    console.log(data);
                   var err_code=data.err_code;
                   alert(data.msg);
                }
            })
        }
      
    </script>
    <input type="submit" class="btn btn-success pull-right" onclick="login(this)" value="登錄 "/> 

解決最直接辦法是把按鈕類型換成button

<script>
        function login(){
            var formData=$('#login_form').serialize();
            $.ajax({
                type:'POST',
                url:'/user/login',
                data:formData,
                dataType:"json",
                success:function(data){
                    console.log(data);
                   var err_code=data.err_code;
                   alert(data.msg);
                }
            })
        }
      
    </script>
<input type="button" class="btn btn-success pull-right" onclick="login()" value="登錄 "/>