搞了半天原來(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">修改資料名稱(chēng)：/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ì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- 基于jQuery通過(guò)jQuery.form.js插件使用ajax提交form表單
- Jquery基于Ajax方法自定義無(wú)刷新提交表單Form實(shí)例
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- Jquery通過(guò)Ajax方式來(lái)提交Form表單的具體實(shí)現(xiàn)
