Autocompletado con PHP, MySQL y Javascript
Вставка
- Опубліковано 19 вер 2024
- Aprender a realizar una lista desplegable a partir de los que escribas en un campo, con PHP, MySQL, Javascript e implementando AJAX.
💻 Código fuente: github.com/mro...
☕️🍺 Invítame un café o una cerveza: www.paypal.me/...
🤝 Únete a este canal con beneficios: www.youtube.co...
📲 Facebook: www. Cod...
📸 Instagram: / codigosdprogramacion
🐦 Twitter: / mroblesdev
🌐 Sitio web: codigosdeprogr...
👨🏫 Contacto y asesorías: codigosdeprogr...
🎁 Hosting con descuento: www.hostg.xyz/...
POR FAVOR, ¡SUSCRÍBETE!
#codigosdeprogramacion
Simplemente espectacular la manera como explicas el ejercicio, muchas gracias, excelente tutorial.
Muchas gracias, saludos
Excelente tutorial y maravillosa forma de explicar. ¡Muchas gracias!
Gracias, saludos
Gracias Marko, muy bueno, saludos desde Argentina!
Saludos!
Excelente aporte, Saludos Marko ✌️
Gracias 👍
Gracias maestro. Me ha servido en un pequeño proyecto que menejo.
Excelente
Gracias lo que me faltaba.
Excelente!
¡Gracias, me ayudó mucho!
Muchas gracias por el apoyo
muchas gracias por el video y código. Saludos y Éxitos!
Gracias, saludos
Buen video, por si hay alguno que el $query->execute([$campo.'%']) no les ande(es otra forma para el array), pueden usar (sql .... WHERE titulo LIKE :buscar) y luego $query->execute(array(
':buscar' => $campo.'%'
));
Efectivamente tengo un problema en la parte de getCodigos.php, cambie las lineas como sugieres pero me sale este error en la consola de js...sabes a que se debe? ERROR: peticiones.js:22 SyntaxError: Unexpected token '
@@ignaciolopezc tengo el mismo error
Buen ejercicio, gracias!
A la orden
Estuvo muy bueno!!!
Gracias
Gracias marco 🤗
Con gusto
DUDA Excelente video, excelente tu explicacion me sirve perfecto para un proyecto que estoy haciendo, solo que si me busca y me muestra tal como ati, solo que al seleccinoar una opcion, solo aparece una alerta, como puedo hacerle para que al buscar luego seleccionar uno de los resultados mostrados, ese valor sea o se ponga en el input, para poder despues insertarlo en otra tabla? espero me puedas apoyar
buenas profe, consulta como puedo hacer, para cuando quiero ese texto de la lista al darle click me lo ponga en la caja de texto y al hacer clic nuevamente se vuelva abrir la lista y vuelva a elegir otro item de la lista y sea vea reflejado en el combobox
Algo tarde la respuesta... Ahorita estaba modificando este código para hacer que cuando le de clic a la lista lo ponga en la caja de texto, y lo hice en la función mostrar, agregando este código: $('#campo').val( cp );
Excelente vídeo, muy bien explicado y fácil. Tengo una duda, si se aplicara este buscador en una página de venta de productos por ejemplo, y se quiere buscar cierto producto, esto funciona perfectamente, pero, si fueran muchas personas buscando exactamente el mismo producto, al mismo tiempo, no se saturaría la base de datos, recibiendo la misma consulta por muchos usuarios a la vez?? o estoy equivocado?
Eso dependerá de la capacidad del servidor donde se instale el sistema.
Excelente el tutorial, lo explicas genial!! He intentado adaptarlo a un proyecto que estoy haciendo con patrón MVC pero no me funciona, en este caso, al ser MVC habría que realizar alguna modificación? imagino que sí, muchas gracias por adelantado.
Gracias. Lo que pasa es que cada quien maneja MVC como lo entiende y a su forma, se deben hacer modificaciones pero dependerá de como lo estés implementando
Una pregunta tambien sirve para para sqlserver ? porque yo estoy utilizandolo pero no se sirve
Antes que todo, muy buen video amigo Robles, felicitaciones. Por otro lado, tengo un problemita, estoy tratando de conectar el proyecto con una base de datos en postgresql, he cambiado los parametros de conexion pero no he tenido un resultado, alguna idea o sugerencia? Muchas gracias de antemano!
Olvide mencionar que es este el error que me sale: Error conexion: SQLSTATE[08006] [7] invalid connection option "charset"
Tal vez porque postgresql no usa el atributo charset
Me sirve 😊
Genial
Hola, saludos continuarás con las clases de python o serían todas
Hola, ya terminamos el curso básico de Python, más adelante iniciaremos otro
@@codigosdeprogramacion Gracias, recomendación para hacer proyectos de python
muchas gracias
PRECISAMENTE yo consultaba la db y cargaba un con mas de 500 colonias, ahora el usuario solo empieza a introducir el nombre
En ocasiones con el selec es muy tardado y difícil de encontrar los elementos. Esta forma nos ahorra tiempo y recursos del servidor.
@@codigosdeprogramacion oye amigo, y como se le podria hacer para que algun curioso no vea la ruta del archivo PHP en el JS??? por seguridad
De lujo!!! una consulta y como hago para que resultados de 'cp' y 'asentamiento 'vayan a dos INPUT cada uno a un input. distinto
Es muy sencillo, en el evento mostrar recibe los los valores que necesitas y después los asignas a los elementos
Excelente profesor!!! pero una consulta , como puedo pasar el 'id'.'cp' y 'asentamiento' al cuadro de texto "campo", me resulta pasarle el 'cp' pero lo demas como lo paso al input de "campo"??
En el onclick de cada elemento debes enviar los 3 campos a otra función de javascript y en esa función agregarlos al input concatenados
@@codigosdeprogramacion mmmm, no se me ocurre como poder hacerlo...
@@newentu en el js, comenta la linea del alert
//alert("CP: " + cp)
despues agregas
document.getElementById("campo").value = cp;
yo solo deje cp porque asi lo necesito, tu puedes concatenar los demas valores
@@saulsmith21 gracias por el dato, saludos!
@@saulsmith21 gracias me sirvio tu código, pero una consulta según el ejemplo, si al buscar deseo q en un nuevo input de texto se llene automaticamente el asentamiento según el cp seleccionado como aria ?
Muy bueno, pero y si queremos ver el resultado en un campo edit o label de la misma pantalla principal como se regresa el dato a la pantalla? porque en este momento lo vemos por el alert. O tendrás algún ejemplo de esto en otro de tus video?
Jajaja imagina que listemos todas la extensiones que no permiten trabajar
Cuando se teclea una letra el fetch hace una petición a la base de datos y muestra coincidencias con esa letra, pero si se teclean 2 letras hace dos peticiones a la base de datos y así sucesivamente, si se teclean 40 letras la fetch api hace 40 peticiones a la base de datos? o como es? si 100 usuarios estan buscando contenido de 15 letras el fetch api hace 1500 consultas en segundos, se pondrá lento por tantas consultas a la base de datos al mismo tiempo?
ya pero asi es
Disculpa amigo he intentado poner el cp y el asentamiento en diferentes input pero no puedo, podrías ayudarme? Cuando recibe el asentamiento en la función mostrar y le pongo document.getelementbyid("asentamiento").value=asentamiento y lo ejecuto, al seleccionar un cp, el cp si se pone pero el asentamiento aparece undefined
Muy buen video, muy bien explicado. Pero tengo un problema, me sale este msj en la consola y ya no se como seguir: SyntaxError: Unexpected token '
Revisa la respuesta de la petición en la pestaña red, ahí te dará el error
Excelente explicación, tengo una duda, se puede agregar mas de un dato a un input?
agradecería su respuesta .
Gracias. Claro
@@codigosdeprogramacion seria tan amable de orientarme como es que lo podria hacer.
@@carloscarrizales6948 lo pudiste realizar ?
me sale error Uncaught Error: Call to undefined function mysql_connect() al ejecutar tengo version de php 7.3.2 investigando un poco mysql_conect() esta obsoleto y borrado en php 7 en adelante.
Así es
Cómo le haces para que llené la etiqueta??
el label?
No me autocompleta, y no me marca error alguno. sugerencias?
Revisar linea por linea y realizar diferente pruebas, así como revisar la pestaña consola y red para saber que realiza
99.9% excelente tus tutoriales Marco, el 0.1 % restante que falta es pronunciar "fetch" en vez de "fitch". "fEtch" es lo correcto. (y)
Jajaja, en base a esto mira el vídeo 14 del curso de javascript y te dará chorr0
Buenas noches profe disculpe que le molesto pero tengo un error que me sale:
Warning: Undefined array key "campo" in C:\xampp\htdocs\Auxilium-Web2.0\getCodigos.php on line 10
dice que no encuentra campo pero lo he revisado y si esta , pero cuando le doy al index.php si reconoce el codigo y se pone todo a ir bien pero cuando voy a getCodigo.php ahi es donde sale el error nose cual seria el problema estare atento a su respuesta gracias
🖐❤
Tal vez no estas enviar el parámetro de forma correcta en el FormData()