现象:
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外