ajaxsubmit怎么提交文件

Posted 2023-04-27

参考技术A 1、界面上直接使用submit按钮提交。这种方式可以实现效果但是没有success事件。即，可以上传文件，但是没有反馈信息。
2、使用jQuery的form方法提交表单，这种提交方式，可以对表单指定 onSubmit、success、error事件。这种方式会更加友好一些。
问题原因：通常使用Jquery就可以实现文件的上传。

使用jquery form插件进行异步带文件的表单提交

引入form插件与jquery 的js文件后

获取表单的jq对象 然后.ajaxSubmit提交表单即可

 实现添加品牌的异步表单提交

function addBarandImg(formId) {

    $(‘#‘+formId).ajaxSubmit({
        url: ‘/ProductManage/AddBrand‘,
        //data: $("#" + formId).serialize(),
        type: ‘post‘,
        dataType: "json",
        success: function (data) {
            if (data.state == "success")
                alert("添加成功");
     
        },
        error: function () {
            alert(data.content)
        }
    });
}