194
技術社區[雲棲]
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