1. 问题描述

做了一个上传功能，调试的时候，HTTP请求状态为已取消canceled。

2. 原因分析

HTML表单提交时用的是自定义的button，没有用type=”submit”，导致调用ajax 和form表单中的属性action冲突。

3. 解决办法

提交按钮改用type=”submit”，如下：

HTML代码：

<button class="btn btn-primary waves-effect waves-light" type="submit">保存</button>

JS代码：

$(document).ready(function() {
    validateRule();
    initialSwitch();
});

$.validator.setDefaults({
    ignore: ":hidden:not(.chosen-select)",
    submitHandler : function() {
        save();
    }
});

JS代码引用了jq的表单校验组件，另一种比较原始的方式是在form标签加上action属性。