ajax在button中使用onclick失效原因

        在做页面提交的时候，发现通过button中onclick绑定的方法时，怎么也无法提交ajax请求，但是使用click方法的时候确实可以成功。因缺思厅。这里做下分析。先看下代码

1、使用onclick方法

<input id="login" name="" οnclick="login()" type="button" class="btn btn-success radius size-L col-xs-3" value=" 登    录 ">

function login() {
        $.ajax({
            type:"POST",
            url:"{:url('admin/login/check')}",
            data:$("form").serialize(),
            dataType:'json',
            success: function(data) {
                    if (data.status == 1) {
                        window.location.href="{:url('index/index')}";
                    }else {
                        alert(data.message);
                    }
            }
        });
    }

2、使用click方法

$(function(){
        $("#login").on('click',function (event) {
            $.ajax({
                type:"POST",
                url:"{:url('admin/login/check')}",
                data:$("form").serialize(),
                dataType:'json',
                success: function(data) {
                    if (data.status == 1) {
                        window.location.href="{:url('index/index')}";
                    }else {
                        alert(data.message);
                    }
                }
            });
        })
    })

分析