如何在 JavaScript 中使用表单数据

Question

我想发送包含对象中的对象的表单数据

let submit_obj = { test : { kor : "korea" , eng : "usa"} }
let test_form = new FormData();
test_form.append(test, submit_obj );

    $.ajax({
        url : '/api/filesave',
        type : 'post',
        dataType : 'josn',
        data : test_form,
        contentType : false,
        processData : false,
        success: function(res){
            console.log('res',res);
        }                   
    });

和 API 响应

req.body = Object { test : "[object Object]" }

如何提取测试值？ 感谢您的回答

Answer 1

FormData.append()将值转换为字符串。 在那种情况下test : "[object Object]"是绝对正确的值；
因此，您可以尝试使用JSON.stringify ：

test_form.append(test, JSON.stringify(submit_obj));

或Blob 构造函数：

test_form.append(test, new Blob([JSON.stringify(submit_obj)], {type:'application/json'}));

Answer 2

请不要使用 dataType = JSON。

jQuery.ajax({
    url: '/api/filesave',
    data: test_form,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});