Título: [Resuelto] Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: Ali Baba en 1 Julio 2018, 01:57 am Hola a todos, estoy creando un buscador tipo google, y me gustaria que cuando vaya poniendo las palabras me vayan saliendo opciones (tipo google) dependiendo de las palabras que ponga. Tengo una leve idea de usar $.get de jquery, porque lo vi en un foro de Internet, pero como la informacion es muy vieja queria preguntarles a ustedes si esto aun funciona y si no decirme si existe algun modulo o script em javascript que resuelva esto mas facil. Saludos.
Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: #!drvy en 2 Julio 2018, 01:46 am Hay una libreria JS que a mi personalmente me encanta y ayuda a hacer un input con auto completado de forma relativamente fácil. Luego, efectivamente tienes que tirar de AJAX para ir actualizando la lista.
Por ejemplo, esto podría ser el html. Código
Esto es el demo de busqueda.php, por supuesto, en tu caso en vez de buscar en un array, lo que vas a buscar es una BD, pero es para que te hagas la idea. Código
y esto el JS Código
Aquí lo he hecho sin jQuery, pero vamos, viene siendo lo mismo. Resultado: (https://i.imgur.com/mDnUOJH.gif) Saludos Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: Ali Baba en 2 Julio 2018, 04:35 am Hay una libreria JS que a mi personalmente me encanta y ayuda a hacer un input con auto completado de forma relativamente fácil. Luego, efectivamente tienes que tirar de AJAX para ir actualizando la lista. Por ejemplo, esto podría ser el html. Código
Esto es el demo de busqueda.php, por supuesto, en tu caso en vez de buscar en un array, lo que vas a buscar es una BD, pero es para que te hagas la idea. Código
y esto el JS Código
Aquí lo he hecho sin jQuery, pero vamos, viene siendo lo mismo. Resultado: (https://i.imgur.com/mDnUOJH.gif) Saludos Tu eres mi salvador, pero la parte donde hay que extraer los datos de SQL es la que más me afecta porque no soy muy diestro en SQL y menos en php. Suponte que los logre extraer, será fácil para mi buscando en google, ahora, como hago para que se muestren? los paso a un array? o van directo o como es la cosa? Y la otra cosa es que tengo que usar GET o puedo usar POST? Cuál crees que me convenga más? Veo que los buscadores hoy en día usan GET, cierto? Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: srWhiteSkull en 2 Julio 2018, 15:20 pm ...Suponte que los logre extraer, será fácil para mi buscando en google, ahora, como hago para que se muestren? los paso a un array? o van directo o como es la cosa? Lo puedes ver perfectamente en el código, dentro de la función que devuelve la solicitud por AJAX. Código: ... Y la otra cosa es que tengo que usar GET o puedo usar POST? Cuál crees que me convenga más? Veo que los buscadores hoy en día usan GET, cierto? Para consultas lo mejor es que uses GET y POST para cosas como un login o información que no quieras mostrar al usuario... Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: Ali Baba en 2 Julio 2018, 16:30 pm Lo puedes ver perfectamente en el código, dentro de la función que devuelve la solicitud por AJAX. Código: ... Pero primero tengo que pasar los datos a un array para que luego Ajax los procese? Porque ya ahi los datos estan en un array, osea ya existen, por eso aparecen las opciones cuando vas escribiendo en el input, pero en este caso yo tengo que extraerlos de la base de datos, como yo se que datos extrae ajax en tiempo real de la base de datos mientras el usuario coloca lo que busca? Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: srWhiteSkull en 2 Julio 2018, 16:46 pm Normalmente la consulta te devolverá un objeto, que facilmente podrás iterar y crear un array.
https://www.w3schools.com/php/php_mysql_select.asp Un array en Php no es nada del otro mundo para alguien que haya trabajando con arrays en cualquier lenguaje. http://php.net/manual/es/language.types.array.php yo tengo que extraerlos de la base de datos, como yo se que datos extrae ajax en tiempo real de la base de datos mientras el usuario coloca lo que busca? Exacto, tú simplemente tomas las palabras del input y haces la solicitud a la base de datos. Si te fijas en el código de #!drvy funciona de esa forma, que cada vez que se pulsa una tecla en el input toma el contenido del input y lanza la solicitud via AJAx. Luego el resultado es introducido en el método list del objeto awesomplete. https://leaverou.github.io/awesomplete/ Según la documentación, lo que necesita para que Awesomplete funcione como se muestra en el código de ejemplo, debes instanciar awesomplete y asignarle el elemento que quieres que tenga ese comportamiento. Por medio de su propio JS y hoja de estilo el de forma opaca realizará el resto de forma automática, desplegar las sugerencias. Código: ... Título: Re: Extrayendo datos de mysql con jquery y mostrandolos en pantalla Publicado por: Ali Baba en 2 Julio 2018, 17:47 pm Según la documentación, lo que necesita para que Awesomplete funcione como se muestra en el código de ejemplo, debes instanciar awesomplete y asignarle el elemento que quieres que tenga ese comportamiento. Por medio de su propio JS y hoja de estilo el de forma opaca realizará el resto de forma automática, desplegar las sugerencias. Código: ... Entendido todo 100% eres un Dios, pero hay un pero y es que por medio de su propio JS y hoja de estilo el de forma opaca realizara el resto de forma automatica, y si yo estoy usando bootstrap es me afecta? |