javascript - ajax post提交後又自動請求了一次get

Question

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,請問哪錯了嗎?

Answer 1

$('.form-horizo​​ntal') 這個選擇器選擇了一個很大的範圍，事件傳輸就有可能觸發二次， 建議，寫精確一點
比如
$('.form-horizo​​ntal input[type=submit ]')

Answer 2

這個很常見， 跨域了吧？