如何使用jquery表单对象发送多个表单数据?

时间:2017-09-07 11:04:11

标签: jquery ajax

我使用jquery创建了FormData对象,如下所示。并使用ajax将其发送到控制器端FormCollection

var form = $('#kycFormTab1').get(0);
var data = new FormData(form);

我想将多个表单数据发送到ajax。我怎样才能实现它?如何将其他表单的表单数据附加到数据'对象

我想访问带有名称的表单数据,因为我正在使用FormCollection对象到服务器端。我正在为所有表单使用单个FormCollection对象。

2 个答案:

答案 0 :(得分:0)

您可以按照以下方法添加尽可能多的数据对象:

var formData = new FormData();

formData.append('form1', $('#kycFormTab1').get(0));
formData.append('form2', $('#kycFormTab2').get(0));

等等。

答案 1 :(得分:0)

您可以对每张表单使用serializeArray()

var form = $('form'); //Getting all forms 
$.each(form, function(i, formC) { 
      var formDates = $(formC).serializeArray();
      $.ajax({
          data: formDates,
          ...
      })
}