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