Jquery提交表单后,页面自动刷新问题

现象:

1、使用jquery体检提交表单后,页面重新加载
2、spring-boot报:o.s.web.servlet.PageNotFound: Request method 'POST' not supported

提交按钮

<button onclick="ligin();">Login</button>

Jquery代码

  function ligin(){
        var data=$('#loginForm').serialize();
        //序列化获得表单数据
        var submitData=decodeURIComponent(data,true);
       //submitData是解码后的表单数据,结果同上
        $.ajax({
            url:'http://localhost:8082/login.do',
            type:'GET',
            data:submitData,
            cache:false,//false是不缓存,true为缓存
            async:true,//true为异步,false为同步
            beforeSend:function(){
                //请求前
            },
            success:function(data){
                if(data){
                    Authorization=data;
                    $.cookie("Authorization","Bearer "+Authorization,{expires:0.02,path: '/'});
                    alert(data);
                    //window.location.assign('/index.html');
                }
                
            },
            error:function(){
                //请求失败时
            }
        })
    }

原因

1、如果想将提交按钮放在form中,则必须把<button></button> 替换为<input type="button" onclick="ligin();" value="Login"/>

2、直接把<button></button>放在form外

上一篇:分布式事物常见解决方案整理


下一篇:CentOS7安装mysql