使用jQuery (ajax、json)和Spring MVC发送多行表单数据

// HTML代码
<form id="myForm">
  <input type="text" name="name[]" />
  <input type="text" name="age[]" />
  <input type="text" name="email[]" />
  <!-- 可以根据需要添加更多的表单字段 -->
  <button type="submit">提交</button>
</form>

// JavaScript代码
$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    var formData = $(this).serializeArray(); // 序列化表单数据为JSON格式

    $.ajax({
      url: 'your-backend-url', // 后端接口地址
      type: 'POST',
      dataType: 'json',
      data: JSON.stringify(formData), // 将JSON数据转换为字符串发送
      contentType: 'application/json',
      success: function(response) {
        // 处理成功响应
      },
      error: function(xhr, status, error) {
        // 处理错误响应
      }
    });
  });
});

@RestController
public class MyController {
  @PostMapping("/your-backend-url")
  public void handleFormSubmit(@RequestBody List<Map<String, String>> formData) {
    // 处理表单数据
  }
}