在没有Php的情况下使用jquery将表单数据保存在JSON中

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  
  <input type="submit" value="Submit">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    // 在这里处理表单数据保存到JSON的逻辑
  });
});

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var formData = $(this).serializeArray(); // 获取表单数据
    
    var jsonData = {}; // 创建空的JSON对象
    
    // 将表单数据保存到JSON对象中
    $.each(formData, function(index, field) {
      jsonData[field.name] = field.value;
    });
    
    console.log(jsonData); // 输出保存的JSON数据
  });
});