首页 > 解决方案 > jQuery 在 CSV 文件中追加 HTML 表单数据

问题描述

我有这样的简单形式

function onSubmit( form ){
  var data = JSON.stringify( $(form).serializeArray() );

  console.log( data );
  return false;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form onsubmit='return onSubmit(this)'>
   <fieldset>
    <legend>Dodaj nową wymianę:</legend>
	 <select name="size">
	  <option selected="selected" value="1">Wybierz rozmiar</option>
	  <option value="1,300">1,300</option>
	  <option value="1,372">1,372</option>
	  <option value="1,500">1,500</option>
	  <option value="1,524">1,524</option>
	  <option value="1,600">1,600</option>
	  <option value="1,700">1,700</option>
	  <option value="1,750">1,750</option>
	  <option value="1,800">1,800</option>
	  <option value="1,8288">1,8288</option>
	  <option value="1,8288 zcięte">1,8288 zcięte</option>
	  <option value="1,829">1,829</option>
	  <option value="2,000">2,000</option>
	  <option value="2,032">2,032</option>
	  <option value="2,070">2,070</option>
	  <option value="2,100">2,100</option>
	  <option value="2,200">2,200</option>
	  <option value="2,240">2,240</option>
	  <option value="2,250">2,250</option>
	  <option value="2,350">2,350</option>
	  <option value="2,500">2,500</option>
	 </select>
	 <input type="number" name="quantity" id="quantity" placeholder="podaj ilość" />
	 <input type="text" name="date" id="date" placeholder="dd-mm-rrrr" />
	 <label><input type="radio" name="machine" value="ULM" checked="checked" />ULM</label>
	 <label><input type="radio" name="machine" value="FRENCO" />Frenco</label>
	 <input type="text" name="who" placeholder="podaj inicjały np. DN" />
   </fieldset>
   <input type="submit" value="Dodaj" id="add" name="Add"/>
  </form>

而且我在与表单的 html 文件相同的文件夹中有现有的 CSV 文件“test.csv”

如何将表单中的数据添加到此文件中,每次提交都应该是 CSV 中的新行我已经尝试了在 google 和 stack 上找到的所有解决方案。

不,我无法在这台计算机上安装 PHP 服务器。

标签: javascriptjqueryhtmlcsv

解决方案


推荐阅读