异步提交表单上传文件

绝地灬酷狼 2022-05-26 09:26 264阅读 0赞

一，引入jquery.min.js以及jquery.form.js插件（jquery.min.js必须是1.9以上版本支持）

![70][]

二，页面添加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);
    });

哦了。

[70]: /images/20220526/618fd945948f4b32afbcf2feb482ea40.png