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" class="form-control" name="title"/>
</p>
</p>
<p class="form-group">
<label class="col-lg-2 control-label">控制器/方法</label>
<p class="col-lg-8">
<input class="form-control" name="name" type="text" />
</p>
</p>
<p class="form-group">
<p class="col-lg-offset-2 col-lg-8">
<input class="btn btn-primary" type="submit" value="提交" />
<input class="btn btn-default" 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]')
这个很常见, 跨域了吧?