如何使用jquery将表单正确编码为json

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="myForm">
  <input type="text" id="name" name="name" />
  <input type="email" id="email" name="email" />
  <input type="number" id="age" name="age" />
  <!-- 其他表单元素 -->
  <button type="submit">Submit</button>
</form>

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

    var formData = $(this).serializeArray(); // 序列化表单数据为数组
    var jsonData = {};

    $.each(formData, function(index, field) {
      jsonData[field.name] = field.value; // 将数组转换为JSON对象
    });

    console.log(jsonData); // 输出JSON对象
  });
});

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // 阻止表单默认提交行为

      var formData = $(this).serializeArray(); // 序列化表单数据为数组
      var jsonData = {};

      $.each(formData, function(index, field) {
        jsonData[field.name] = field.value; // 将数组转换为JSON对象
      });

      console.log(jsonData); // 输出JSON对象
    });
  });
</script>