提交Form表單頁面會被強制刷新如何處理

這次帶給大家提交Form表單頁面會被強制刷新如何處理，解決提交Form表單頁面會被強制刷新的注意事項有哪些，下面就是實戰案例，一起來看一下。

搞了半天原來點擊提交按鈕 少加了個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>

##相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

ajax跨域存取報錯501怎麼處理

使用Ajax實現根據人力資源系統資料增加OA帳號的方法
#

以上是提交Form表單頁面會被強制刷新如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章！