Ajax提交Form表單頁(yè)面仍會(huì)刷新問(wèn)題的快速解決辦法
搞了半天原來(lái)點(diǎn)擊提交按鈕 少加了個(gè)type="button"
原來(lái)是 <form > <button id="sub" /> </form>
結(jié)果怎么弄都會(huì)刷新頁(yè)面,加上就好了
PS:form 表單中存在button時(shí)ajax提交后自動(dòng)刷新問(wèn)題
//在記一個(gè)坑(剛學(xué)前臺(tái),不是很懂,項(xiàng)目中自己給自己挖了個(gè)坑,哈哈...) <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>
當(dāng)form中存在button標(biāo)簽時(shí),用ajax異步提交表單后,也面會(huì)被刷新。(感覺(jué)很詭異)
原因:button 存在時(shí)會(huì)再次提交一下表單,所以頁(yè)面被刷新了。(之前認(rèn)為button type='submit'
時(shí))button才有提交表單的功能。
解決:button標(biāo)簽換成a標(biāo)簽就可以了。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>
以上所述是小編給大家介紹的 Ajax提交Form表單頁(yè)面仍會(huì)刷新問(wèn)題的快速解決辦法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- 基于jQuery通過(guò)jQuery.form.js插件使用ajax提交form表單
- Jquery基于Ajax方法自定義無(wú)刷新提交表單Form實(shí)例
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- Jquery通過(guò)Ajax方式來(lái)提交Form表單的具體實(shí)現(xiàn)
相關(guān)文章
ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式(實(shí)例講解)
下面小編就為大家分享一篇ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12使用Nginx 反向代理來(lái)避免 ajax 跨域請(qǐng)求的方法
這篇文章主要介紹了使用Nginx 反向代理來(lái)避免 ajax 跨域請(qǐng)求的方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06Ajax請(qǐng)求超時(shí)與網(wǎng)絡(luò)異常處理圖文詳解
最近在項(xiàng)目中遇到一個(gè)問(wèn)題,當(dāng)加載數(shù)據(jù)量特別大的時(shí)候會(huì)出現(xiàn)加載超時(shí)現(xiàn)象,所以這篇文章主要給大家介紹了關(guān)于Ajax請(qǐng)求超時(shí)與網(wǎng)絡(luò)異常處理的相關(guān)資料,需要的朋友可以參考下2021-05-05使用加載圖片解決在Ajax數(shù)據(jù)加載中頁(yè)面出現(xiàn)短暫空白的問(wèn)題(推薦)
在項(xiàng)目中用ajax異步獲取數(shù)據(jù)后有時(shí)會(huì)因?yàn)閿?shù)據(jù)問(wèn)題或者網(wǎng)絡(luò)問(wèn)題,頁(yè)面一直顯示空白,現(xiàn)在用加載圖片來(lái)過(guò)渡這種狀態(tài),具體實(shí)例代碼通過(guò)本文一起學(xué)習(xí)吧2016-12-12ajax jquery校驗(yàn)用戶是否已經(jīng)注冊(cè)演示代碼
用戶是否已經(jīng)注冊(cè)的判斷方法有很多,在本文將為大家詳細(xì)介紹下如何使用ajax jquery來(lái)實(shí)現(xiàn),感興趣的朋友可以參考下2013-10-10React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能
這篇文章主要介紹了React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05AJax與Jsonp跨域訪問(wèn)問(wèn)題小結(jié)
本文給大家匯總介紹了JavaScript的AJax,JQuery的AJax以及利用jsonp實(shí)現(xiàn)跨域訪問(wèn)的問(wèn)題,非常的細(xì)致全面,有需要的小伙伴可以參考下。2015-12-12基于Ajax的聊天機(jī)器人功能的實(shí)現(xiàn)
這篇文章主要介紹了基于Ajax的聊天機(jī)器人,本文通過(guò)實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-11-11