首頁  >  文章  >  web前端  >  Ajax提交Form表單頁面仍會刷新問題的快速解決方案

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

亚连
亚连原創
2018-05-23 10:32:202010瀏覽

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

搞了半天原來點擊提交按鈕少加了個type="button"  原來是  a4af873a37bdc4491a2626923f3f532f  3039fe2f1fcb2bdbba9f579be2c98ebb   f5a47148e367a6035fd7a2faa965022e  結果怎麼弄都會刷新頁面,加上就好了

 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標籤就可以了。 d04413216ad3fb0b5df9799e5fc9fb89修改5db79b134e9f6b82c0b36e0489ee08ed

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

相關文章:

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

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

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

#

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn