Ajax提交Form表單頁面仍會刷新問題的快速解決辦法

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

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

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