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,请问哪错了吗?

问题解答

$(’.form-horizontal’) 这个选择器选择了一个很大的范围，事件传输就有可能触发二次， 建议，写精确一点比如$(’.form-horizontal input[type=submit]’)

这个很常见， 跨域了吧？