异步提交表单上传文件

一,引入jquery.min.js以及jquery.form.js插件(jquery.min.js必须是1.9以上版本支持)

二,页面添加js代码

$("#submitBtn").click(function () {
    //进行表单验证
    var bv = addform.data('bootstrapValidator');
    bv.validate();
    if (bv.isValid()) {
        //序列化(此处不需要序列化)
        // console.log(addform.serialize());
        //点击确定之后关闭模态框
        $('#addModal').modal('hide');
        var options = {
            url: '/admin/column/addColumn.do', //路径
            dataType: "json",
            success: function (result) {
                var result = eval('(' + result + ')');
                if (result.status == 1) {
                    $("#addSuccessAlert").show(3000);
                    $(function () {
                        setTimeout(function () {
                            $("#addSuccessAlert").hide(3000);
                            setTimeout(function () {
                                history.go(0);
                            }, 3000)

                        }, 4000);
                    });

                } else if (result.status == 3) {
                    $("#addWarnAlert").show(3000);
                    $(function () {
                        setTimeout(function () {
                            $("#addWarnAlert").hide(3000)
                        }, 4000);
                    })
                } else {
                    $("#addFailAlert").show(3000);
                    $(function () {
                        setTimeout(function () {
                            $("#addFailAlert").hide(3000)
                        }, 4000);
                    })
                }
            }
        };
    }
    addform.ajaxSubmit(options);
});
哦了。

猜你喜欢

转载自blog.csdn.net/qq_19167629/article/details/80135174