Autocompletar un formulario con PHP, Javascript y MySQL 2/2 | Curso PHP y MySQL #53

Aprende a crear un sistema de autocompletado con sugerencias para llenar campos de texto con el uso de Javascript, AJAX, PHP y MySQL.

🔔 Activa la campanita de notificaciones

Descarga los archivos del tutorial:

Sígueme en las redes sociales:

----------------------------------------------------------------------------------------------------

➡️ Más videos dentro del canal:

[Felldesnor]

Acabas de salvar mi proyecto del curso, eres un grande.

[ricckisxx]

Excelentes vídeos son de mucha ayuda. Espero que sigas haciendo este tipos de vídeos saludos desde Perú.

[jonathanmanosalva]

Amigo de gran ayuda este videotutorial, muchas gracias

[farodelsurservicios]

Estuve siguiendo atentamente la parte 1 y la parte 2 de este tutorial. Lo primero es felicitarte por haberlo compilado y por haber compartido el código (no muchos lo hacen.
Como feedback te comento que lo que explicas se entiende bien, aunque debes (necesariamente) conocer javascript, sino mucho no lo puedes seguir. Los tiempos y las formas en que lo explicas es muy didáctico.
Como mejora, te sugiero revises el código que dejas como referencia. El mismo no está actualizado en github y para hacerlo andar tuve que cambiar varias cosas.
Es claro que como utilizas mysql, javascript y php, el código que funciona depende 100% del ambiente desde donde se ejecute. Eso es algo que no lo comentaste en el video y que me llevó un rato entenderlo y ajustarlo.
Como idea adicional, al php se le podrian agregar parámetros (data-name, data-var, etc) que pasen al servidor la idea del query a ejecutar y los datos que se esperan. Eso agrega no solo la búsqueda en una lista, sino traer datos concretos que puedan utilizarse en el código.
Gracias nuevamente por compartirlo.

[diegosuesca]

porque no me muestra los datos de la bd en la consola , si la bd esta bien conectada? donde radica el error?

[Biteenic]

Buenas noches, incialmente excelente video. Pero me da error y necesito que me auxilie si fuera posible. El error es el que sigue:

Uncaught SyntaxError: Unexpected token E in JSON at position 0
at JSON.parse (<anonymous>)
at XMLHttpRequest.<anonymous> (default.js:18)

[roberthcobena]

Me funcionó muy bien, muchas gracias por tu aporte


una pregunta: siguiendo la estructura del ejemplo, como se pueden llenar otros inputs a partir del primero?
Es decir si se escoge el tipo de mascota, se llene el id en otro input readonly automáticamente con el evento onchange...


No logro hacer que eso suceda, ayuda....

[v-darkside]

Tengo un problema el JSON del default.js no me lo quiere aceptar me marca error :(
los pasos los hice tal cual incluso el mismo codigo que tienes en tu pagina estan igual pero no me lo acepta :(

[Gx]

Buenas... quería consultarte como hacer en casos de mayúsculas y minúsculas para que no tengas que escribir tal cuál como esta en la DB, o para en caso de partes del nombre o que no se arranque con el nombre ejemplo un nombre y apellido de persona como mi caso Gabriel Eduardo Yusty, quisiera poder buscar sea por gabriel, por eduardo o por mi apellido... de forma separada, como puedo hacer eso? desde ya agradezco tu ayuda, estuve viendo varios videos pero todos utilizan metodo de jquery y quisiera hacerlo con el método que mostras aca.

[brendabarreto]

Creen que podrían ayudarme? no logro hacer que en las opciones muestre más datos de la base, por ejemplo si escribo perro también salga digamos su edad. Lo he intentado en la parte del autocompletar, en la linea donde se hace el array_push, pero no está bien

[NickelFirepowerNico]

Hola Marcos como va, estuve siguiendo bien todo este tutorial si bien logre hacer esta pagina me surgio un tema

cuando refresco mi Localhost me figura el error HTTP ERROR 412 pero despues pasa a estar normal cuando refresco de nuevo, sabes si eso se soluciona o no te tengo que prestar mucha atencion a ese pequeño detalle?? muchas gracias, excelente curso!

edit: solamente me pasa cuando tenia el link terminado con el simbolo de #, ahora lo saque y me anda bien, gracias y disculpa la molestia!

[mario_a_contreras]

No me funciona, me aparece el siguiente error en la consola: "Uncaught TypeError: items.forEach is not a function". ¿Cómo corrijo esto?.

[CesarGutierrez-dtsj]

Hola.
Tengo una pregunta, tienes algún video que muestre como hacer lo siguiente:
1- Tengo un formulario con 15 inputs y un botón de buscar, quiero que el usuario ingrese en un input la información a buscar.
2- Que pulse el botón de buscar que busquen en mysql y que se información obtenida la muestre en los 15 inputs que forman el formulario, sin cambiar de archivo php o pasar a otra pagina nueva
3.- Con opción de actualizar la información mostrada en los inputs, sin actualizar lo que seria el campo de búsqueda pulsando un botón de actualizar..

He buscado ejemplos de como hacer esto y hasta este momento nadie a mencionado algo parecido o no he localizado algún ejemplo.

[manuelgomez]

Muy buen vídeo, nuevo suscriptor!!!
Consulta... si tuviera 2 campos en la table, por ejemplo Nombres - Apellidos y quisiera mostrar ambos. Como sugerencias como lo haría ?

Porque hasta ahora logre que en mi array me queden ambos elementos y todo perfecto. Si pongo Juan me sugiere Juan Manuel
pero en la consola me muestra ["Juan Manuel", "Ramirez Polero"].

Donde debería modificar o que ayuda me puedes tirar para lograr que me sugiera Juan Manuel Ramirez Polero ?

Osea básicamente que en vez de solo mostrar la posición 0 del array que me trajo que también muestre la posición 1 !

Espero me puedas ayudar, muchas gracias igual <3

[pillaete]

¿Podrías subir los archivos de las 2 partes del video? Gracias

[tecnology]

Genial Tutorial.
Pero me parece que cuando tu tabla esta creada con el tipo utf8_general_ci no funciona...
Puedes apoyarme con eso?

[jonathanmanosalva]

Amigo quiero preguntarle 2 cosas, 1-como hacer para que cuando haga la búsqueda no distinga de mayúsculas o minúsculas? 2- quería saber si tiene un vídeo tutorial donde explique: como, con el ejercicio anterior puedo, a la hora de escoger una opción que me auto complete otros campos del formulario con información del usuario. ejemplo selecciono el nombre Juanito y automáticamente en los otros campos trae numero teléfono, etc. - De antemano muchas gracias.