阅读194 返回首页    go 阿里云 go 技术社区[云栖]


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

现象:

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

提交按钮

<button >Login</button>

Jquery代码

  function ligin(){
        var data=$('#loginForm').serialize();
        //序列化获得表单数据
        var submitData=decodeURIComponent(data,true);
       //submitData是解码后的表单数据,结果同上
        $.ajax({
            url:'https://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" value="Login"/>

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

最后更新:2017-10-18 10:03:22

  上一篇:go  (cljs/run-at (JSVM. :all) "细说函数")
  下一篇:go  日志服务ETL(1):基于函数服务完成自定义计算