代码之家 › 专栏 › 技术社区 › noobie-php

试图在其中附加值时,Javascript formdata为空

form-data jquery javascript

noobie-php · 技术社区 · 7 年前

以下是我的代码 console.log(formData); 它是空的。看不出它失败的原因。

$("#add_meal_item").on('click', '#save_meal_item', function () {
                var meal_name = $("#add_meal_item_form").find('#meal_name').val();
                var meal_type = $("#add_meal_item_form").find('#meal_type').val();
                var logoImg = $("#add_meal_item_form").find('#meal_image').get(0).files[0];
                var formData = new FormData();
                formData.append('logo', logoImg);
                formData.append('meal_type', meal_type);
                formData.append('meal_name', meal_name);
                console.log(formData);
                var ajax_url = baseurl + '/save_meal_item';
                $.ajax({
                    url: ajax_url,
                    type: 'POST',
                    data: formData,
                    success: function (response) {

                    }
                });

            });

2 回复 | 直到 7 年前

YouneL 7 年前

您需要先获取元素值,然后将其附加到formData,如下所示:

var meal_name = $("#add_meal_item_form").find('#meal_name').val();
formData.append('meal_name ', meal_name );

为了显示所有formData键和值,您必须使用 FormData.entries 方法:

for(var pair of formData.entries()) {
     console.log(pair[0]+ ', '+ pair[1]); 
}

gurvinder372 7 年前

FormData.append() 不为创建可枚举属性 formData ,您需要使用来自的迭代器 FormData.entries 迭代值。

演示

var formData = new FormData();
formData.append('logo', "11");
formData.append('meal_type', "22");
formData.append('meal_name', "33");

console.log(Object.keys(formData)); //[]
console.log(JSON.stringify(formData)); //{}

//use iterator
var formEntries = formData.entries();
//console.log(formEntries.next().value); 
//console.log(formEntries.next().value); 
//console.log(formEntries.next().value); 

//or simply use Array.from
var formEntries = Array.from(formData.entries());
console.log("formEntries " , formEntries);

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前