Una manera para no recargar toda la página web al momento de eliminar algún registro de nuestra base de datos, es realizándolo con Ajax, para que sea un poco más animado e intuitivo para el usuario, podemos iluminar el registro a eliminar indicando que esta desapareciendo, como lo hace WordPress al eliminar comentarios.

Para nuestro ejemplo tendremos que incluir estos scripts en nuestro HTML:

Luego seguiremos dándole algún estilo con CSS a las filas.

Esta seria la estructura HTML a utilizar para nuestro ejemplo, tendríamos que hacerlas dinámicas en un caso real, jalar de la base de datos y recorrer los registros.

		Eliminar
		Registro 1
	

		Eliminar
		Registro 2
	

Con esto podemos probar nuestra funcionalidad.

Demo

Post original: Animated AJAX Deletion using jQuery

También te puede interesar