這篇文章主要介紹了 Ajax提交Form表單頁面仍會刷新問題的快速解決方案,以及form 表單中存在button時ajax提交後自動刷新 問題，需要的朋友可以參考下
搞了半天原來點擊提交按鈕少加了個type="button" 原來是 <form > <button id ="sub" /> </form> 結果怎麼弄都會刷新頁面，加上就好了
PS：form 表單中存在button時ajax提交後自動刷新問題
<form class="form-horizontal"> <p class="form-group"> <label class="col-sm-3 control-label">修改资料名称：</label> <p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p> <p class="col-sm-2"> <button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button> </p> </p> </form>
當form中存在button標籤時，用ajax非同步提交表單後，也會刷新。 （感覺很詭異）
原因：button 存在時會再提交表單，所以頁面被刷新了。 （之前認為button type='submit' 時）button才有提交表單的功能。
解決：button標籤換成a標籤就可以了。 <a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>
上面是我整理給大家的，希望今後會對大家有幫助。
相關文章：
通達OA 使用Ajax和工作流程插件實作根據人力資源系統資料增加OA帳號(圖文詳解)
#Lavarel框架中使用ajax提交表單的方法_AJAX相關
以上是Ajax提交Form表單頁面仍會刷新問題的快速解決方案的詳細內容。更多資訊請關注PHP中文網其他相關文章！
