搞了半天原來點擊提交按鈕 少加了個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表單頁面仍會刷新問題的快速解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
您可能感興趣的文章:- jquery的ajax提交form表單的兩種方法小結(推薦)
- jQuery實現form表單基于ajax無刷新提交方法詳解
- jquery validate和jquery form 插件組合實現驗證表單后AJAX提交
- 基于jQuery通過jQuery.form.js插件使用ajax提交form表單
- Jquery基于Ajax方法自定義無刷新提交表單Form實例
- jquery序列化form表單使用ajax提交后處理返回的json數據
- jquery實現ajax提交form表單的方法總結
- Jquery通過Ajax方式來提交Form表單的具體實現