Ajax提交Form表單頁面仍會重新整理問題的快速解決辦法_AJAX相關

搞了半天原來點擊提交按鈕 少加了個type="button"  原來是  <form >  <button id="sub" />   </form>  結果怎麼弄都會重新整理頁面，加上就好了

 PS：form 表單中存在button時ajax提交後自動重新整理問題

//在記一個坑（剛學前台，不是很懂，項目中自己給自己挖了個坑，哈哈...）<form class="form-horizontal"><div class="form-group"><label class="col-sm-3 control-label">修改資料名稱：</label><div class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></div><div class="col-sm-2"><button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button></div></div></form>

當form中存在button標籤時，用ajax非同步提交表單後，也面會被重新整理。（感覺很詭異）

原因：button 存在時會再次提交一下表單，所以頁面被重新整理了。（之前認為button type='submit' 時）button才有提交表單的功能。

解決：button標籤換成a標籤就可以了。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>

以上所述是小編給大家介紹的 Ajax提交Form表單頁面仍會重新整理問題的快速解決辦法，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！