//在記一個(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)站的支持！

您可能感興趣的文章:

相關(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-06
Ajax請(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-12
IE下Ajax提交亂碼的快速解決方法
下面小編就為大家?guī)?lái)一篇IE下Ajax提交亂碼的快速解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
ajax jquery校驗(yàn)用戶是否已經(jīng)注冊(cè)演示代碼
用戶是否已經(jīng)注冊(cè)的判斷方法有很多，在本文將為大家詳細(xì)介紹下如何使用ajax jquery來(lái)實(shí)現(xiàn)，感興趣的朋友可以參考下
2013-10-10
React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能
這篇文章主要介紹了React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
AJax與Jsonp跨域訪問(wèn)問(wèn)題小結(jié)
本文給大家匯總介紹了JavaScript的AJax，JQuery的AJax以及利用jsonp實(shí)現(xiàn)跨域訪問(wèn)的問(wèn)題，非常的細(xì)致全面，有需要的小伙伴可以參考下。
2015-12-12
原生Ajax之全面了解xhr的概念與使用
AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁(yè)的藝術(shù),在不重新加載整個(gè)頁(yè)面的情況下,通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于原生Ajax之全面了解xhr的概念與使用的相關(guān)資料,需要的朋友可以參考下
2022-11-11
基于Ajax的聊天機(jī)器人功能的實(shí)現(xiàn)
這篇文章主要介紹了基于Ajax的聊天機(jī)器人,本文通過(guò)實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-11-11