javascript - ajax post提交后又自動請求了一次get
問題描述
html代碼
<form method='post' class='form-horizontal'> <p class='form-group'><label class='col-lg-2 control-label'>上級權(quán)限</label><p class='col-lg-4'> <select name='pid'><option value='0'>頂級權(quán)限</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'>權(quán)限名稱</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:這個很常見, 跨域了吧?
相關(guān)文章:
1. javascript - node.js promise沒用2. golang - 用IDE看docker源碼時的小問題3. yii2中restful配置好后在nginx下報404錯誤4. 算法 - python 給定一個正整數(shù)a和一個包含任意個正整數(shù)的 列表 b,求所有<=a 的加法組合5. android 如何實現(xiàn)如圖中的鍵盤上的公式及edittext的內(nèi)容展示呢6. java - 我在用Struts2上傳文件時,報以下錯誤怎么回事?7. c++ - 如何正確的使用QWebEngineView?8. PHP注冊功能9. mysql - 求SQL語句10. MySQL如何實現(xiàn)表中再嵌套一個表?
