Using AJAX
of JQUERY
:
First of all you need the JQUERY library linked in your script like this:
<script src='jquery.js' type='text/javascript'></script>
Imagine that you have this form in your index.php
:
<form>
<input id="dado1" type="text">
<input id="dado2" type="text">
<input id="enviar" type="submit">
</form>
When you click submit, ajax will send the input values to the page armazenaDados.php
<script>
$('#enviar').on('click',function(){
var dado1 = $('#dado1').val();
var dado2 = $('#dado2').val();
$.ajax({
url: 'armazenaDados.php',
type: 'POST',
data: { dadoA: dado1, dadoB: dado2 },
success: function(data) {
alert("alterado!");
}
});
});
</script>
In the file armazenaDados.php
you get these values:
<?php
$dado1 = $_POST['dadoA'];
$dado2 = $_POST['dadoB'];
.... código que armazena os dados...