Buscar en tiempo real con jQuery y Bootstrap

Tutoriales

Demo Github

Sabemos del Potencial de jQuery y de Bootstrap, pero que pasa si juntamos ambas tecnologías, pues nace una aplicación muy interesante, como la que a continuación crearemos.

Vamos a crear un buscador de música en tiempo real, es decir que mientras vayamos digitando los primeros caracteres del ítem que deseamos buscar, la aplicación nos vaya mostrando los resultados coincidentes con esos primeros caracteres escritos.

Imaginemos que la base de datos sera de Spotify, es decir usaremos ítems de su catalogo musical como ítems a buscar en Tiempo Real.

Bueno vamos por el articulo.

Primero creamos nuestra caja de texto para escribir lo que deseamos Buscar y una tabla Bootstrap para listar las canciones:

index.php

 

Ahora crearemos nuestro código jquery para poder realizar la búsqueda en Tiempo Real:

script.js

En la demo pueden ver como trabaja en tiempo real.

Espero les sea de mucha utilidad este Articulo.

Hasta nuestro siguiente Artículo o Tutorial !

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required