溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何解決Ajax提交Form表單頁面仍會刷新的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
搞了半天原來點擊提交按鈕 少加了個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表單頁面仍會刷新的問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
