Eliminar registros con AJAX y jQuery

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

Tags:  ,

 

Posteado el: 10/06/2010  por: Craftyman

Post Relacionados

Comentarios