html代碼
<form method="post" class="form-horizontal">
<p class="form-group">
<label class="col-lg-2 control-label">上級(jí)權(quán)限</label>
<p class="col-lg-4">
<select name="pid">
<option value="0">頂級(jí)權(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)限名稱(chēng)</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提交正常,但是提交后自動(dòng)請(qǐng)求了一個(gè)get,請(qǐng)問(wèn)哪錯(cuò)了嗎?
$('.form-horizontal') 這個(gè)選擇器選擇了一個(gè)很大的范圍,事件傳輸就有可能觸發(fā)二次, 建議,寫(xiě)精確一點(diǎn)
比如
$('.form-horizontal input[type=submit]')