Para evitar que se realice la redirección, debes de prevenir el comportamiento natural del evento
submit, el cual consiste en enviar los datos contenidos en el formulario hacia el archivo que se indique en el atributo
action del mismo. Esto es posible mediante el método
preventDefault, el cual trabaja así:
Código Javascript
:
Ver original$("#form1").submit(function(event){
event.preventDefault(); //Aquí evito que se haga la redirección
//Creo un Div dinámico que contendrá el comentario
var comentario = document.createElement("div");
comentario.innerHTML = $("#inputComentario").val();
//Realizo la petición asíncrona
$.ajax({
url: $(this).prop("action"),
data: {nombre: $("#nombre").val(), apellido: $("#apellido").val()},
success: function(response){
//Inserto el nuevo comentario en la página
$("#seccionComentarios").append(comentario);
}
});
});
Un pequeño ejemplo (sin base de datos):
http://jsbin.com/lotic/1
Saludos