jq ajax同时提交表单和文件上传

最新推荐文章于 2024-09-08 21:45:17 发布

liuxin_0725

最新推荐文章于 2024-09-08 21:45:17 发布

阅读量1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/liuxin_0725/article/details/90606809

版权

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

第一种


            $.ajax({
                type: "POST",
                url: "{:url('/home/Articles/savearticles')}",
               data: new FormData($('#coverpic')[0]),   //input file ID
               dataType: 'json',
                processData: false,
                contentType: false,
                success: function (data) {
                    if (data.code == 0) {
                        $(form).resetForm(); // 提交后重置表单
                        layer.close(layer.index);
                        layer.msg('操作成功', {icon:6,time:1500}, function(){
                            //关闭后的操作
                            window.location.replace(location.href);
                        });
                    } else {
                        layer.msg('操作失败,请联系技术人员', {icon:5,time:1500});
                    }

                    return false; // 阻止表单自动提交事件，必须返回false，否则表单会自己再做一次提交操作，并且页面跳转
                }
            });

第二种

     var formData = new FormData(document.querySelector("form"));//获取form值
      
            $.ajax({
                type: "POST",
                url: "{:url('/home/Articles/savearticles')}",
                data: formData,
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function (data) {
                    if (data.code == 0) {
                        $(form).resetForm(); // 提交后重置表单
                        layer.close(layer.index);
                        layer.msg('操作成功', {icon:6,time:1500}, function(){
                            //关闭后的操作
                            window.location.replace(location.href);
                        });
                    } else {
                        layer.msg('操作失败,请联系技术人员', {icon:5,time:1500});
                    }

                    return false; // 阻止表单自动提交事件，必须返回false，否则表单会自己再做一次提交操作，并且页面跳转
                }
            });