jquery.form.js插件的基本使用(使用ajax提交form表单,包括文件上传)

上善若水zyp

于 2018-07-13 18:53:15 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： jquery.form.js ajax上传文件

本文链接：https://blog.youkuaiyun.com/ZhaoYanping0803/article/details/81036159

本文介绍如何利用jquery.form.js插件简化含有文件上传功能的表单提交过程。通过简单的示例代码演示了插件的基本用法，包括设置提交方式、处理响应等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单提交我们现在大部分用的都是ajax提交了,对于没有文件上传的表单,普通的ajax就可以实现,而对于有文件上传的表单,我一般使用jquery.form.js插件,感觉还是挺好用的

1.引入相应的js文件

<script src="__PUBLIC__/Wx/js/jquery.min.js"></script>
<script src="__PUBLIC__/Wx/js/jquery.form.js"></script>

function Djly_form_add(){  
    $("#form-user-add").ajaxSubmit({
        success: function (data) {
            //if(data.code == '200'){  //这些是我demo里处理的代码,可不用理会
              //layer.msg(data.message,{time:1000},function(){
              //})
            //}else if(data.code == '500'){
                //layer.msg(data.message);
            //}
        },
        error: function (error) { 
            alert(error);   //错误提示
        },
        url:"",  //提交的地址
        type: "post",  //提交的方式
        dataType: "json"  //返回的数据类型
    });
}

好了,以上就是jquery.form.js最简便的用法,后台接收值得话,文件就用$_FILES,普通值就用$_POST或$_GET,这我就不多说了,别忘了,form表单要写enctype="multipart/form-data" 的属性哦