通过ajax提交提交嵌套表单中的子表单，无需刷新页面

// HTML部分
<form id="parentForm">
  <!-- 父表单内容 -->
  <input type="text" name="parentField1" />
  <input type="text" name="parentField2" />

  <!-- 子表单内容 -->
  <div id="childForm">
    <input type="text" name="childField1" />
    <input type="text" name="childField2" />
  </div>

  <button type="submit">提交</button>
</form>

// JavaScript部分
<script>
  // 监听表单提交事件
  document.getElementById("parentForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止默认的表单提交行为

    // 构造表单数据
    var formData = new FormData();
    formData.append("parentField1", document.getElementsByName("parentField1")[0].value);
    formData.append("parentField2", document.getElementsByName("parentField2")[0].value);
    formData.append("childField1", document.getElementsByName("childField1")[0].value);
    formData.append("childField2", document.getElementsByName("childField2")[0].value);

    // 发送AJAX请求
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "后端处理接口地址", true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 处理后端返回的数据
        var response = JSON.parse(xhr.responseText);
        // 更新页面内容
        // ...
      }
    };
    xhr.send(formData);
  });
</script>