こんにちは、ハル@haru_elpisです。
HTMLのINPUTからCSVに保存する場合、PHPを使う事になります。
[affi id=19]
目次
HTML & Javascript
<!DOCTYPE html>
<html lang = "ja">
<head>
<script> src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<form method="post">
<input type="number" id="test">
<input type="button" onClick=" hoge(); return false;" value="実行" >
</form>
<script>
function hoge(){
var test_data = document.getElementById('test').value;
$.ajax({
type:"POST",
url:"フィルのPath指定",
datatype:"json",
data: {data:test_data},
error : function(XMLHttpRequest, textStatus, errorThrown) {
console.log("ajax通信に失敗しました");
console.log("XMLHttpRequest : " + XMLHttpRequest.status);
console.log("textStatus : " + textStatus);
console.log("errorThrown : " + errorThrown.message);
//失敗した時の処理
},
success : function(response) {
console.log("ajax通信に成功しました");
//成功した時の処理
}
})
}
</script>
</body>
</html>
PHP
<?php
$data = $_POST['data'];
$filePath = "ファルのPath";
$file = fopen($filePath, "w");
fwrite($file)；
fclose($file);
?>
PHPを使うときはインストールを忘れないようにしましょう。
おわりっ