Hola a todos, estoy empezando con esto de Ajax y llevo unos días intentando introducir en una base de datos unos registros según el estado de un checkbox.
En concreto lo que quiero hacer es que al cambiar el estado de un checkbox, se inserte o elimine un registro en una tabla de mi base de datos.
Para ello estoy usando el siguiente código:
Para el Checkbox:
Código:
<form action="enviar.php" method="POST">
<input type="checkbox" id="enviar" name="Enviar">Enviar por Ajax<br>
<div id="resultado></div>
</form>
El código jQuery:
Código:
<script language="javascript">
$(document).ready(function() {
$().ajaxStart(function() {
$('#loading').show();
$('#resultado').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#resultado').fadeIn('slow');
});
$(' #enviar').change(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) {
$('#resultado').html(data);
}
})
return false;
});
})
</script>
Y el contenido de enviar.php:
Código:
if ($enviar=="on") {
$insertar =mysql_query("INSTERT INTO marcador (id, usuario, categoria) values ('$id', '$user', '$category)");
echo "Añadido correctamente";
else {
"No se puede añadir
}
El resultado es que al pulsar sobre el checkbox, la pantalla se queda en blanco y no se inserta nada en la base de datos. ¿Puede alguien guiarme un poco por favor?
Gracias a todos.