////////////////// Jquery AJAX submit zonder te refreshen ///////////////////////////
function submitdata() {
var vakken = document.getElementById("vakken").value;
var dataString = 'vakken=' + vakken;
// AJAX
$.ajax({
type: "POST",
url: "prototype.php",
data: dataString,
cache: false,
success: function(html) {
alert(html);
}
});
return false;
}
what is wrong here? //////////////////////////////////////////////////////////////////////////////////
<form id="selector" action="prototype.php" method="post" enctype="multipart/form-data">
<select name="vakken">
<option value="DED">VAK: DED </option>
<option value="UXU">VAK: UXU </option>
<option value="SCO">VAK: SCO </option>
<option value="PO">VAK: PO </option>
</select>
<button type="button" onClick="submitdata();">Submitii</button>
</form>
</div>
<div id="vlakkencontainer">
<?php
// recieve data
if(isset($_POST['vakken'])) {
$vak = $_POST['vakken'];
echo $vak;
$sqldedquery = mysqli_query($con, "SELECT * FROM `opdracht` WHERE `vak` = '" . $vak . "'");
$vlakid = 0;
while ($row = mysqli_fetch_array($sqldedquery)) {
$afbeelding = $row['afbeeldingnaam'];
$pdf = $row['pdfnaam'];
$naamopdracht = $row['opdrachtnaam'];
echo '<a id="vakhover" href="../../../db/' . "$pdf" . '"><div class="vlak" id=' . "$vlakid++" . '>
<img src="../../../db/' . $afbeelding . '"><div id="naamopdracht">' . $naamopdracht . '</div>
</div></a>';
}
} ?>
how can i get this data out of my db without refresh the page. i tried ajax but i could not get it to work!