Hola, necesito enviar un formulario cada x tiempo sin que se recargue la pagina:
Cita: <script language="javascript" src="../js/jquery-1.3.min.js"></script>
$(document).ready(function() {
// Esta primera parte crea un loader no es necesaria
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
// Interceptamos el evento submit
$('#form, #fat, #fo3').submit(function() {
// Enviamos el formulario usando AJAX
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
$('#result').html(data);
}
})
return false;
});
})
<form method="post" action="../procesar.php?room=1" id="fo3" name="fo3"
//Aquí los inputs...
</form>
<div id="result"></div>
Si le doy click al boton de enviar funciona perfectamente, no recarga y se guarda, pero lo que quiero es que se envie cada x tiempo. He provado con un setTimeout, pero con esto no funciona, porque me envia directamente a la página del action="../procesar.php?room=1"
Como lo puedo hacer?