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

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

搞了半天原來點擊提交按鈕少加了個type="button"  原來是  <form >  <button id ="sub" />   </form>  結果怎麼弄都會刷新頁面，加上就好了

 PS：form 表單中存在button時ajax提交後自動刷新問題

<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称：</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>

當form中存在button標籤時，用ajax非同步提交表單後，也會刷新。 （感覺很詭異）

原因：button 存在時會再提交表單，所以頁面被刷新了。 （之前認為button type='submit' 時）button才有提交表單的功能。

解決：button標籤換成a標籤就可以了。 <a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

AJAX顯示載入中並彈出圖層遮蔽頁面的實作範例

通達OA 使用Ajax和工作流程插件實作根據人力資源系統資料增加OA帳號(圖文詳解)

#Lavarel框架中使用ajax提交表單的方法_AJAX相關

#

以上是Ajax提交Form表單頁面仍會刷新問題的快速解決方案的詳細內容。更多資訊請關注PHP中文網其他相關文章！