HTMLでinputされた値をCSVに書き込む方法【PHPでCSVに書き込む】

スポンサーリンク
HTML・JavaScript..

こんにちは、ハル@haru_elpisです。

HTMLのINPUTからCSVに保存する場合、PHPを使う事になります。

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を使うときはインストールを忘れないようにしましょう。

おわりっ

Bitly

コメント

タイトルとURLをコピーしました