使用新的FormData访问动态填充的表单数据(this)

时间:2018-02-26 10:29:50

标签: jquery

我使用JQuery填充表单的值,如下所示。

 form.find("input[name=" + test1 + "]").val("test1");
 form.find("input[name=" + test2 + "]").val("test2");

在提交表格时,如果我使用以下代码

var formData = $(this).serialize();

我可以正确获取表单字段值。

但如果我使用,

var formData = new FormData(this);

表单字段值为空。

由于我必须上传文件,我必须使用FormData而不是序列化。 我们如何使用FormData访问动态填充的表单数据?

1 个答案:

答案 0 :(得分:0)

在没有发出XHR请求的情况下,无法在控制台中查看FormData对象中的数据。所以试试这个:

$(document).ready(function() {
  $('#class_name').submit(function(event) {
    event.preventDefault();
    //enter code here
    var formdata = new FormData(this);

    console.log(formdata);
  });
});