javascript - ajax post提交后又自動請求了一次get
問題描述
html代碼
<form method='post' class='form-horizontal'> <p class='form-group'><label class='col-lg-2 control-label'>上級權限</label><p class='col-lg-4'> <select name='pid'><option value='0'>頂級權限</option>{volist name='authRuleRes' id='authRule'}<option value='{$authRule.id}'><?php if($authRule[’level’]!=0){echo ’|’;} echo str_repeat(’—’, $authRule[’level’]*3)?>{$authRule.title}</option>{/volist} </select></p> </p> <p class='form-group'><label class='col-lg-2 control-label'>權限名稱</label><p class='col-lg-8'> <input type='text' name='title'/></p> </p> <p class='form-group'><label class='col-lg-2 control-label'>控制器/方法</label><p class='col-lg-8'> <input name='name' type='text' /></p> </p> <p class='form-group'><p class='col-lg-offset-2 col-lg-8'> <input type='submit' value='提交' /> <input type='reset' value='重置'></p> </p></form>
js代碼
$(’.form-horizontal’).submit(function(event) { var data = $(this).serialize(); $.ajax({type:'post',url:'/authrule/add',async:true,data:data,success:function(res){ if(res.code == 1){Notify(res.msg, ’top-right’, ’5000’, ’success’, ’fa-check’, true);return false; }else{Notify(res.msg, ’top-right’, ’5000’, ’danger’, ’fa-times’, true);return false; }} }) return false;})
post提交正常,但是提交后自動請求了一個get,請問哪錯了嗎?
問題解答
回答1:$(’.form-horizontal’) 這個選擇器選擇了一個很大的范圍,事件傳輸就有可能觸發(fā)二次, 建議,寫精確一點比如$(’.form-horizontal input[type=submit]’)
回答2:這個很常見, 跨域了吧?
相關文章:
1. css3 - flex兩端布局2. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下3. javascript - 原生APP內嵌H5頁面分享到微信朋友圈,二次分享問題。4. css3 - <img>圓角屬性在手機瀏覽器顯示不全5. docker綁定了nginx端口 外部訪問不到6. javascript - 如何更改瀏覽器默認字體大小7. node.js - vue中 post數據遇到問題8. PHP單例模式9. html - 在一個table表單中 td用v-for 使用v-if判斷是否顯示 然后用一個外部的button 判斷點擊最后一行隱藏10. javascript - 如何讓手機端的代碼只能在手機端執(zhí)行,在pc端的模擬器里面也不執(zhí)行
