Jquery将表单数据转JSON数据

要使用jQuery将表单数据转换为JSON，可以使用serializeArray()方法获取表单元素的值，然后使用$.param()将其转换为查询字符串格式，最后使用JSON.parse()将其转换为JSON对象。以下是一个示例代码：

<form id="myForm">
  <input type="text" name="name" value="John Doe">
  <input type="email" name="email" value="john@example.com">
  <input type="submit">
</form>

$(document).ready(function() {
  $('form').on('submit', function(e) {
    e.preventDefault(); // 阻止表单提交
    var formData = $(this).serializeArray(); // 序列化表单数据为数组
    var jsonFormData = {};
    $.each(formData, function() {
      jsonFormData[this.name] = this.value;
    });
    console.log(jsonFormData); // 输出JSON对象
  });
});

在上面的代码中，当表单被提交时，我们阻止了它的默认行为，获取表单数据，然后遍历数据，将其转换为一个对象，最后在控制台中打印出JSON对象。