Ik heb Ajax weer even nodig, is weer een tijd terug dat ik het heb gebruikt, dus ik dacht ik doe even een tutorial. Maar ik krijg hem niet werkend, alles insert maar hij blijft verversen.
Ja ik weet dat het mysql is, PDO/mysqli is beter etc etc, maar dat komt allemaal later wel, ik wil eerst even ophelderen hoe dat Ajax werkt.
index.php
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<form id="myForm" action="action1.php" method="post">
Name: <input type="text" name="name" /><br />
Age : <input type="text" name="age" /><br />
<button id="sub">Save</button>
</form>
</body>
</html>
script.js
$("#sub").click( function() {
$.post( $("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){ $("#result").html(info);
});
clearInput();
});
$("#myForm").submit( function() {
return false;
});
function clearInput() {
$("#myForm :input").each( function() {
$(this).val('');
});
}<?php
include_once('includes/connection.php');
$name = $_POST['name'];
$age = $_POST['age'];
if(mysql_query("INSERT INTO user VALUES('$name', '$age')"))
echo "Successfully Inserted";
else
echo "Insertion Failed";
?>
Aangepaste code na reactie:
$("#sub").click( function() {
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;
$.post( $("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){ $("#result").html(info);
});
clearInput();
});
function clearInput() {
$("#myForm :input").each( function() {
$(this).val('');
});
}
