使用Javascript / JQuery将表单提交的数据保存为CSV文件

<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>
  
  <label for="phone">Phone:</label>
  <input type="tel" id="phone" name="phone"><br><br>
  
  <input type="submit" value="Submit">
</form>

$('#myForm').submit(function(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  
  var formData = $(this).serializeArray(); // 获取表单数据
  
  var csvContent = "data:text/csv;charset=utf-8,";
  
  formData.forEach(function(field) {
    csvContent += field.name + "," + field.value + "\n"; // 将数据转换为CSV格式
  });
  
  // 创建一个隐藏的链接，并设置其href属性为CSV数据
  var link = document.createElement("a");
  link.setAttribute("href", encodeURI(csvContent));
  link.setAttribute("download", "form_data.csv");
  
  // 触发链接点击事件，将CSV文件下载到本地
  link.click();
});