快捷導(dǎo)航

Ajax提交Form表單頁(yè)面仍會(huì)刷新問題的快速解決辦法

更新時(shí)間：2016年12月12日 11:13:28 投稿：mrr

這篇文章主要介紹了 Ajax提交Form表單頁(yè)面仍會(huì)刷新問題的快速解決辦法,以及form 表單中存在button時(shí)ajax提交后自動(dòng)刷新問題，需要的朋友可以參考下

搞了半天原來點(diǎn)擊提交按鈕少加了個(gè)type="button" 原來是 <form > <button id="sub" /> </form> 結(jié)果怎么弄都會(huì)刷新頁(yè)面，加上就好了

PS：form 表單中存在button時(shí)ajax提交后自動(dòng)刷新問題

//在記一個(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ì)被刷新。（感覺很詭異）

原因：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ì)刷新問題的快速解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

十大最佳Ajax教程收集（圖文）
Ajax通常被認(rèn)為是一門單獨(dú)的語言，實(shí)際上它是很多語言的集合包括DHTML, Javascript, XML 和JSON，全稱為Asynchronous JavaScript and XML（異步JavaScript和XML)，是由Jesse James Gaiiett創(chuàng)造的名詞。
2010-02-02
AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳(動(dòng)態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳功能，如果項(xiàng)目需求是不確定多少個(gè)文件，我們需要?jiǎng)討B(tài)的添加文件上傳框，具體實(shí)現(xiàn)代碼大家參考下本文
2017-09-09
jquery的ajax同步和異步的理解及示例
最近的項(xiàng)目用了到AJAX同步。這個(gè)同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時(shí)候會(huì)把頁(yè)面里所有的代碼停止加載
2014-04-04
ajax請(qǐng)求成功后新開窗口window.open()被攔截解決方法
ajax 異步請(qǐng)求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是很可惜被瀏覽器給攔截了，怎么解決這個(gè)問題呢
2014-09-09
xajax的FORM例子
xajax的FORM例子...
2006-11-11
Ajax 接收服務(wù)器返回的json響應(yīng)方法
今天小編就為大家分享一篇Ajax 接收服務(wù)器返回的json響應(yīng)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
AJAX請(qǐng)求上傳下載進(jìn)度監(jiān)控實(shí)現(xiàn)方式
在日常 Web 開發(fā)中,AJAX（Asynchronous JavaScript and XML）被廣泛用于異步請(qǐng)求數(shù)據(jù),而無需刷新整個(gè)頁(yè)面,這篇文章主要介紹了AJAX請(qǐng)求上傳下載進(jìn)度監(jiān)控指南,需要的朋友可以參考下
2025-04-04
ajax實(shí)現(xiàn)點(diǎn)擊不同的鏈接讓返回的內(nèi)容顯示在特定div里
過ajax實(shí)現(xiàn)在一個(gè)web頁(yè)面點(diǎn)擊不同的鏈接，然后將返回的結(jié)果顯示在該頁(yè)面固定的div里
2014-06-06
Ajax實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
ASP.NET與Ajax的實(shí)現(xiàn)方式小總結(jié)
Ajax 應(yīng)該不是一項(xiàng)技術(shù)，是一種思想而已，跟 ASP.NET 以及其它 Web 開發(fā)語言沒有什么太大關(guān)系，這里只是談?wù)?ASP.NET 中目前使用的 Ajax 技術(shù)以及其它一些實(shí)現(xiàn) Ajax 的優(yōu)秀框架。感興趣的朋友跟著小編一起學(xué)習(xí)asp.net與ajax的實(shí)現(xiàn)方式
2015-09-09