搞了半天原來(lái)點(diǎn)擊提交按鈕 少加了個(gè)type="button"  原來(lái)是  <form >  <button id="sub" />   </form>  結(jié)果怎么弄都會(huì)刷新頁(yè)面，加上就好了

 PS：form 表單中存在button時(shí)ajax提交后自動(dòng)刷新問(wèn)題

//在記一個(gè)坑（剛學(xué)前臺(tái)，不是很懂，項(xiàng)目中自己給自己挖了個(gè)坑，哈哈...）<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>

當(dāng)form中存在button標(biāo)簽時(shí)，用ajax異步提交表單后，也面會(huì)被刷新。（感覺(jué)很詭異）

原因：button 存在時(shí)會(huì)再次提交一下表單，所以頁(yè)面被刷新了。（之前認(rèn)為button type='submit' 時(shí)）button才有提交表單的功能。

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

以上所述是小編給大家介紹的 Ajax提交Form表單頁(yè)面仍會(huì)刷新問(wèn)題的快速解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持！