使用jquery以嵌套形式提交子表单

<form id="mainForm">
  <div id="subForm1">
   <input type="text" name="subForm1-input1" />
   <input type="text" name="subForm1-input2" />
  </div>
  <div id="subForm2">
   <input type="text" name="subForm2-input1" />
   <input type="text" name="subForm2-input2" />
  </div>
 <button type="submit">提交</button>
</form>

$("#mainForm").submit(function(event) {
  event.preventDefault();
  var mainFormData = $(this).serializeArray();
  var subForm1Data = $("#subForm1").find(":input").serializeArray();
  var subForm2Data = $("#subForm2").find(":input").serializeArray();
  var allData = mainFormData.concat(subForm1Data, subForm2Data);
  console.log(allData);
  // 在此处添加Ajax请求以提交数据
});