js---Ajax通过FormData封装参数

     //点击 确认添加 按钮函数
    function insertBase() {
        var formData = new FormData();                 //对Ajax 传到后台的参数进行封装
        //上传图片函数初始化
        var dragImgUpload = new DragImgUpload("#guitarImg", {
            callback: function (files) {
                var file = files[0];        //上传的图片
                formData.append("img", file);
            }
        });
        $('.add').click(function () {
            var brand = $('.brand').val();               //品牌
            var model = $('.model').val();               //型号
            var price = $('.price').val();               //价格
            var address = $('.address').val();           //产地
            var size = $('.size').val();                 //尺寸
            var clas = $('input[name="clas"]:checked').val();   //类型
            var flag = validata2();
            if (flag) {    //不为空
                if (!isNaN(price) && !isNaN(size)) {  //价格和尺寸是数字
                    formData.append("brand", brand);
                    formData.append("model", model);
                    formData.append("price", price);
                    formData.append("address", address);
                    formData.append("size", size);
                    formData.append("clas", clas);
                    //调用ajax 插入数据
                    $.ajax({
                        type: 'POST',
                        url: 'http://localhost:8080/home/insert/base',
                        data: formData,
                        contentType: false,    // 告诉jQuery不要去设置Content-Type请求头
                        processData: false,     // 告诉jQuery不要去处理发送的数据
                        success: function (resu) {
                            if (resu == 1) {
                                alert("插入成功");
                                formData = new FormData();     //清空 formData
                            } else {
                                alert("插入失败");
                            }
                        }
                    });
                }
            }
        });
    }    

 

发布了62 篇原创文章 · 获赞 25 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_39115469/article/details/102870897
今日推荐