ajax werkt niet op deze manier

Door Paul Weiss op 09-09-2023 15:08 gewijzigd op 09-09-2023 15:10

2.931 views

Hallo. Ik heb onderstaande code. echter ajax wordt zo niet uitgevoerd. als ik ajax in een click function plaats waarbij deze met een klik op een button wordt opgeroepen werkt het wel. heeft iemand een idee waatom dit zo niet werkt?


<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div class="form">
<section id="content">
<h1 id="rij-1">content hier</h1>
<p>voorbeeld tekst</p>
<h1 id="rij-2">Hier nog meer content</h1>
<p>nog meer voorbeeld tekst</p>
</section>
</div>




<script>


content = document.getElementById('content');
var code = content.innerHTML;


alert("onderstaande de content:");
alert(code);
$paginanaam = "pagina1";

					
$.ajax({
url: 'save-content/save-content.php',
type: 'post',
					
data: {code:$code,paginanaam:$paginanaam},
datatype: 'html',
success: function(rsp){
location.reload();
	alert("hwlllo");									
}

});


</script>

</body>
</html>

Onderstaande de php (save-content.php) die door ajax wordt opgeroepen en die vervolgens de content moet opslaan in een bestand
zoals gezegd onderstaande php werkt gewoon als deze wordt opgeroepen door ajax die op zijn beurt pas wordt geactiveerd via een click funtie, maar zonder dus niet blijkbaar!!


<?php
$paginanaam = trim( $_REQUEST['paginanaam'] );
$code = $conn->real_escape_string($_REQUEST['code'] );
$myFile = "import-content.php"; // or .php   
$fh = fopen($myFile, 'w'); // or die("error");  
fwrite($fh, $code);  
fclose($fh);  	
?>