如何将html转换成csv,javascript – 如何将html表单导出到csv文件

我正在尝试创建一个用户可以输入数据的表单,然后当他们单击提交时,该数据将作为新行添加到存储在服务器上的csv文件,然后我可以下载.我已经尝试了一些php的东西和

javascript,两者似乎都很好,但我也不是很有经验.

这是html表单的基本内容：

ID Number

First Name

Javascript位于html文件的标题中,它是：

function addToCSVFile() {

var csvData = new Array(); // To collect the names

var csvFilePath = "Data.csv"; // File name

// Collect General Information

csvData[0] = document.getElementById('id_number').value;

csvData[1] = document.getElementById('first_name').value;

var fso = new ActiveXObject('Scripting.FileSystemObject');

var oStream = fso.OpenTextFile(csvFilePath, 8, true, 0);

oStream.WriteLine(csvData.join(','));

oStream.Close();

clearData();

alert("Data Added Successfully");

}

function clearData() {

document.getElementById('id_number').value = "";

document.getElementById('first_name').value = "";

}

现在我有onClick =“javascript：addToCSVFile()”>但是当我将表单操作设置为handler.php文件并且发布并删除onlick时,它也不起作用.这是php文件.

if(isset($_POST['match_scouting'])){

$del = "\t";

//Collect Info

$data[1] = $_POST['id_number'];

$data[2] = $_POST['first_name'];

$file = fopen("Data.csv", "a");

$data = "\r\n".implode($del, $data);

fwrite($file, $data);

fclose($file);

echo "The data has been added successfully";

}else{

header("location: form.html");

}

?>

如果我做错了,你能指出我的方向吗？然而,我最终要做的是以某种方式保存表单数据,我认为这比设置SQL数据库更容易,因为我以前从未这样做过.