Miért nem menti el a szerver a PHP kód által a HTML form elemek értékét a nethely ingyenes szerveren?

Ingyen használok 256Mb-os részt a nethelyen. Beállítottam domain nevet meg pár filet fel is töltöttem oda. Egy szimpla chat programot írtam már A.I. segítségével (mert nekem a PHP idegen) és működik de nem azon is van egy olyan hiba, hogy ha frissítem az oldalt üzi küldés után, akkor megint elküldi. Vissza a mai gondhoz.

HTML:

<form action="heartrate.php" method="post">

<input type="text" id="savearea7" value="Ha ezt látod, az oldal nem működik" disabled>

<input id="savingbtn" type="submit" value="Submit">

</form>

JS:

saving: function() {

$('#savingbtn').addEventListener('click', () => {

let outer = $('tTABLE')[0].outerHTML;

$('#savearea').value = outer;

locS('set', 'heartpulse', outer);

});

},

Röviden JS által töltöm meg a form>input-ot.

PHP:

<?php

function saving() {

//phpinfo();

$string = $_POST['savearea'];

$file = fopen('heartdata.txt', 'w');

fwrite($file, 'test_File');

if (strlen($string) > 1) {

echo "The string has more than one character.";

} else {

echo "The string has one character or is empty.";

}

fwrite($file, $string);

fclose($file);

}

saving();

?>

Az bosszantó egyedül, hogy korábban működött, mentett párszor, aztán megadta magát. Illetve az AJAX-ot kerülöm mert a php-val ellenben elég hosszúnak tűnik.

Csatolok bint is, ne érje szó a ház elejét:

W3: [link]

CodePen: [link]

Előre is nagyon szépen köszönöm a segítséget!