小編給大家分享一下如何解決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表單頁面仍會刷新的問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

名稱欄目：如何解決Ajax提交Form表單頁面仍會刷新的問題-創新互聯
URL地址：http://vcdvsql.cn/article32/ddjhsc.html

成都網站建設公司_創新互聯，為您提供標簽優化、網站策劃、定制網站、自適應網站、企業網站制作、關鍵詞優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯