Ajax提交Form表單頁面仍會刷新問題的快速解決辦法
搞了半天原來點擊提交按鈕 少加了個type="button"
原來是 <form > <button id="sub" /> </form>
結(jié)果怎么弄都會刷新頁面,加上就好了
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表單頁面仍會刷新問題的快速解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery validate和jquery form 插件組合實現(xiàn)驗證表單后AJAX提交
- 基于jQuery通過jQuery.form.js插件使用ajax提交form表單
- Jquery基于Ajax方法自定義無刷新提交表單Form實例
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery實現(xiàn)ajax提交form表單的方法總結(jié)
- Jquery通過Ajax方式來提交Form表單的具體實現(xiàn)
相關(guān)文章
ajax實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式(實例講解)
下面小編就為大家分享一篇ajax實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式的實例講解,具有很好的參考價值,希望對大家有所幫助2017-12-12Ajax請求超時與網(wǎng)絡(luò)異常處理圖文詳解
最近在項目中遇到一個問題,當加載數(shù)據(jù)量特別大的時候會出現(xiàn)加載超時現(xiàn)象,所以這篇文章主要給大家介紹了關(guān)于Ajax請求超時與網(wǎng)絡(luò)異常處理的相關(guān)資料,需要的朋友可以參考下2021-05-05使用加載圖片解決在Ajax數(shù)據(jù)加載中頁面出現(xiàn)短暫空白的問題(推薦)
在項目中用ajax異步獲取數(shù)據(jù)后有時會因為數(shù)據(jù)問題或者網(wǎng)絡(luò)問題,頁面一直顯示空白,現(xiàn)在用加載圖片來過渡這種狀態(tài),具體實例代碼通過本文一起學習吧2016-12-12ajax jquery校驗用戶是否已經(jīng)注冊演示代碼
用戶是否已經(jīng)注冊的判斷方法有很多,在本文將為大家詳細介紹下如何使用ajax jquery來實現(xiàn),感興趣的朋友可以參考下2013-10-10React+ajax+java實現(xiàn)上傳圖片并預(yù)覽功能
這篇文章主要介紹了React+ajax+java實現(xiàn)上傳圖片并預(yù)覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05