欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2016年12月12日 11:13:28   投稿:mrr  
這篇文章主要介紹了 Ajax提交Form表單頁面仍會刷新問題的快速解決辦法,以及form 表單中存在button時ajax提交后自動刷新 問題,需要的朋友可以參考下

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

 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表單頁面仍會刷新問題的快速解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論