Buen video, sencillo y al grano (justo lo que buscaba). Tuve problemas al inicio porque tenía todo en el isset($var) xd. Luego ya quedó todo perfecto, gracias por la explicación
Justamente lo que estaba buscando, al principio tuve erorres y no me mostraba la tabla cuando hacia la consulta pero checando codigo y haciendo modificaciones logre que me saliera justo como lo haces en el video, muchisimas gracias tienes mi like y mi suscripción ¡Gracias Totales!
Excelente tutorial; fácil de entender y de aplicar a otros casos. Yo lo aplique para llenar un segundo combo a partir de un clic en un combo principal; dependiendo de la opción seleccionada se crea y se cargan los datos de un segundo combo... SALUDOS.
Lexter, de que manera puedo Paginar los resultados, por ejemplo de 20 por página. Yo realice una página anterior en la cual páginaba todo trabajando en php, la encuentras en constituciondechile.cl/ingram/ y la que realice acorde a tus indicaciones del tutorial está en constituciondechile.cl/ingram2/ Las flechas las tengo como se muestra en el primer ejemplo.
Muy buen Toturial Lexter, gracias por compartir tus conocimientos. Si pudieras agregarle un paginador a este mismo ejemplo seria genial. Gracias de antemano...
Buenas tardes, he realizado el codigo completo tal cual lo mencionas, pero al ejecutar, solo aparece la etiqueta y la caja de busque, no despliega la lista y no arroja ningun error. que debo hacer?
una consulta, en el minuto 8:13 dices que se aplica si encontró filas,,,,,,,pero si no encuentra filas igual aparecen los datos, porque al comienzo estas declarando 2 select......el primer select solo te visualiza, y el segundo select reemplaza al primro si escribes algo en el campo de texto y te muestra si has realizado una busqueda...................... puede ser mayor o menor que cero pero mi gran duda es que estas poniendo una tabla dentro de una condicion if....y por lo que yo veo, esa tabla siempre esta visible asi se cumpla o no la condición ........el if es para la busqueda....pero en el caso de las tablas siempre se ve ...... las tablas se ven asi se cumplan o no la condicion if?????
El if simplemente es para saber si el usuario ha escrito algo en la caja de búsqueda, si no es así, te toma todos los registros de la tabla, por eso se las consultas se sustituyen una a otra. En resumen, si hay palabra a buscar, consulta en base a la palabra, si no pues muestra todos los datos.
Amigo disculpa me he desarmado el código, y ya comprendí la lógica, estaba viendo la forma de insertarle 3 option para buscar solo por nombre, o solo por apellido, o solo por dni, segun le de click en la option if (isset($_POST['consulta'] && $_POST['option'] )) { //me imagino que por alli va la logica
Excelente tu tutorial, bien sencillo, lo probé sin problemas, lo voy a utilizar para ubicar alumnos en una base de datos mysql, para luego con una casilla de verificación señalar los que asistieron a clase y enviar esa información a una nueva tabla llamada asistencia, me podrías dar una mano en esto.
Hola Henry. Lo probe y no obtengo resultado alguno. Mi duda es la caja_busqueda, que deberia estar definida en algun archivo, creo. Si puedes darme una idea. Desde ya gracias.
Amigo excelente muy explicado Solo quiero preguntar como puedo agregar un paginador a esta tabla No se mucho de programacion... si m pudiera ayudar se lo agradeceria..
una pequeña duda, espero me ayudes :) si quisiera q se ejecute la busqueda de ajax solo si, se escribe dentro del input y se haga click en un button? cual seria el codigo? necesito eso yaq tmbn tengo un form en un documento.php y no quiero q se cruse con mi input submit :/
Puedes poner un formulario con un submit y la caja de búsqueda y sólo cambias el evento de donde se ejecuta la búsqueda usando el evento submit del form de búsqueda : jQuery(document).on('submit','#frm_buscar', function(event){ event.preventDefault(); var valor = $('#caja_busqueda').val(); buscar_datos(valor); });
Simplemente en el archivo de búsqueda, agrega una columna de accione y ahí por cada fila de datos, agregas los botones y luego ya con JavaScript los manipulas. :)
una pregunta en el dataType sabemos que en la respuesta del servidor devuelve xml, json, script, or html... entonces "script" a que documento se refiere a un código de php o uno de js...esa parte no entiendo. espero una respuesta, saludos
Oh ya veo, entonces con esa etiqueta puedo enviar respuestas o mensajes como "campos vacaciones", "inténtalo más tarde", "registro éxitoso", etc desde el servidor al cliente... Muchas gracias, has ganado un me gusta y un nuevo suscriptor .
Excelente tutorial y explicación, una duda como lo hariamos con un criterio INPUT y otro criterio SELECT, es decir si se cumplen las dos condiciones la consulta o datos se muestra?. Son bastante nuevo y necesito ayuda con esta duda. Gracias de antemano
Buen dia; muy bueno el tutorial como haria para agreagar dos nuevas columnas en donde se puedan agregar dos enlaces para editar informacion de la base de datos.
Muy bien explicado, es prácticamente lo que tenía en mente o similar, sin embargo te pregunto en un caso hipotético, ¿Qué pasaría si tienes 500 usuarios a la vez realizando una búsqueda en una base de datos con más de 10 mil registros? Entiendo que en el evento "keyup" llamara tu función que terminará realizando el AJAX, entonces, cada tecla apretada es una petición al servidor, si esos usuarios escriben al mismo tiempo al menos dos teclas, ya ejecutamos al menos 1,000 veces la función y el servidor está revisando 1,000 consultas a una base de datos cargada de información en la tabla de búsqueda, ¿Me equivoco? Si fuera este caso que por cada tecla levantada es una solicitud ¿Qué propondrías para evitar la sobre carga de peticiones al servidor? Edit: Saludos, al que sepa, se lo agradecería, esto le serviría a alguien que quiera dedicarse a hacer apps y colgarlas en la internet. Edit parte dos: En visto que el creador ni de pedo responde, les dejo una solución -> $(document).on('keyup', '#caja_busqueda', function(){ clearTimeout(timeout) timeout = setTimeout(() => { buscar_datos(variable) clearTimeout(timeout) },1000); }); //Igual lo pueden dejar de esta manera y es un poco más simplificado... $("#caja_busqueda").on('keyup',function(){ clearTimeout(timeout) timeout = setTimeout(() => { buscar_datos(variable) clearTimeout(timeout) },1000); }); Nota: En el mundo de la programación aplicado en la vida real, no solo es tirar código a lo bestia, tienen que echarle cabeza, pensar lo que estás haciendo, en lo que realmente estás haciendo, háganlo y triunfarán como programadores.
Estimado, antes que todo quiero darle las gracias por el excelente video tutorial. Mi consulta es la siguiente: Que código utilizo para imprimir una imagen en la busqueda? Me explico, mi db también incluye imagen de usuario. Saludos Atte Cord.
Para eso supongo que tienes la ruta de la imagen en la tabla del usuario, si es así lo que puedes hacer es en la consulta de búsqueda traes también la ruta, y luego se la pones al src de un img.
Genial! Bueno, la diferencia es que se debe crear una clase que contenga una función que espere parámetros y en base a ellos haga la búsqueda en diferentes situaciones, para reutilizar código, ya que es la base de la POO. Puedes crear una clase, crear una función que espere el dato, la tabla etc etc y así puedes usar la misma función con diferentes tablas y/o búsquedas :) Saludos
Hola, es la primera vez que programo php y jQuery e hice todo tal cual, tengo mi DB en un host llamado HostingMexico, a la hora de programar en mi doc de php el nombre del server y el usuario deben cambiar? Porque cuando lo pruebo en mi vista previa y busco lo que necesito no me aparece nada.
Muy bueno, además aprendí mucho de los errores que me salieron, 1 sub mas. Tengo en mente seleccionar un cliente, para eso usé la opción buscar que muestras en el video, pero tienes alguna idea para seleccionarlo y así pase a otra tabla para luego ser guardada en mi base de datos?
LexterXPS Sí, tengo el formulario ventas, para seleccionar el cliente, al lado del campo cliente hay un botón que abre una nueva ventana para buscar el cliente y seleccionarlo (la búsqueda lo hice gracias al.video), mi intención es que una vez que se haya seleccionado el cliente y hecho click en el evento seleccionar aparezca su nombre en el.formulario anterior para luego ser guardada en la tabla ventas, estoy investigando sobre eso, si tienes alguna info seria de ayuda, gracias por responder :D
Si lo que quieres es pasar datos entre ventanas, es fácil bro. Crea una función en la ventana padre por ejemplo : function mi_function(dato1, dato2, dato3, etc) y en esa función llenas los campos del formulario con cada dato que recibas. Y luego desde la ventana que se abre, creas otra función, o en el evento click del elemento que quieras, recoges los datos, y con la propiedad windows.opener, accedes a la función de la ventana padre que ya creaste así: window.opener.mi_funcion(dato1,dato2,dato3, etc); y cierras la ventana de búsqueda con self.close();
He vuelto a hacer el ejemplo, y a mi no me carga la tabla MySQL. Podrías colocar el código en este vídeo, para ver cómo lo hiciste tú. Porque incluso cambié de servidor web, en este caso XAMPP y tampoco. Porque cuando pongo localhost/busquedaproductos no carga nada. En cambio cuando cargo el archivo buscar.php, se ve los productos introducidos en la base de datos MySQL. Entonces no lo entiendo.
Hola! Muy buenas tardes, de casualidad pudiste solucionarlo? Me encuentro en la misma situación, la tabla no me muestra nada(literal está en blanco), pero si voy a "buscar.php" si me aparece la información correspondiente, agradecería cualquier consejo y/o ayuda, de antemano muchas gracias!
Hola super bueno el post pero cuando la consulta es de mas de 15 mil registros se vuelve exaradamente lento hay una forma de optimizar que no muestre todo en una sola hoja?
Saludos, tengo una duda sobre le código, vi tu tutorial, trate de hacerlo y no ve sale lo que es la tabla, revise dos veces el video y todo parece que esta bien
hola. Me sirvio perfecto. Te hago una consulta. Es posible modificar los datos del resultado de la busqueda? Por ejemplo si quiero cambiar el nombre de un jugador se puede hacer desde el listado de los resulktados?
Hola. En mi caso estoy desarrollando una web para carga de datos de profesionales de educación, por mi trabajo. Muy bueno el video explicativo, pero hay cosas, como ajax, que no me aparecen las instrucciones de main.js que creaste. Lo que solicito, como otros, es si podrias compartir los archivos para guiarnos mejor. Desde ya muchas gracias.
Hola, tengo una pregunta, en el index.html creas el div con el id= datos, pero no veo en que momento haces uso de ese .html si trabajas todo con el buscar.php. No logro entender esa parte y es por esto que no me funciona aun el buscador, te agradeceria me ayudes con esta duda. Gracias
¿Usando un select? ¿Te refieres a tener las opciones estáticas en el select y al seleccionar alguna los datos se filtren? Sí es así, puedes hacerlo en el evento change del select, tomar su valor seleccionado, enviarlo a PHP y que éste te devuelva los datos basados en ese criterio.
@@LexterDev Claro, en vez de usar la barra de texto, usar un select que me muestre por ejemplo todos los nombres que hay en la tabla, y al seleccionar uno, filtre la tabla. Saludos
Fácil bro. En lugar de armar la tabla con tus datos, los metes en un array, y luego ese array lo pasas a json con json_encode(array); y simplemente haces un echo de eso y te va a devolver los datos en json.
LexterXPS . gracias. soy muy novato en esto. mi idea es ... usando fullcalendar los datos que tenga guardado en mi tabla los muestre, pero no se el procedimiento para obtenerlos en json. gracias por tu pronta respuesta, nunca nadie había sido tan atento en responder inmediatamente. un abrazo.
Hola. yo nuevamente.... disculpa que moleste.. mira te explico. tengo este archivo calendario.js function listar($data=Array()) { //console.log("listar"); $.ajax({ url: '../ajax/calendario.php?op=listar', type : "get", dataType : "json", data:$data, error: function(e){ console.log(e.responseText); } }, ); //console.log($datos); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay' }, defaultDate: new Date(), editable: true, eventLimit: true, height:500, width:400, events: $data }); } envia los datos a este archivo calendario.php case 'mostrar': $rspta=$usuario->mostrar($idusuario); //Codificar el resultado utilizando json echo json_encode($rspta); break; case 'listar': $rspta=$calendario->listar(); //Vamos a declarar un array //$data= Array(); while ($reg=$rspta->fetch_object()){ $data[]=$reg; }; echo json_encode($data); // $datos=json_encode($data); log($data); break; lo codifica y entrega este dato con este error [{"id":"4","title":"ASDasd","start":"2017-07-18 16:30:00","end":"2017-07-18 16:30:00"},{"id":"8","title":"cocny","start":"2017-07-18 10:30:00","end":"2017-07-18 10:30:00"},{"id":"14","title":"asfsafas","start":"2017-07-19 10:30:00","end":"2017-07-19 10:30:00"}] Warning: log() expects parameter 1 to be double, array given in C:\xampp\htdocs\clinica\ajax\calendario.php on line 44 calendario.js linea 60. y lo del millon... como hago que "events: $data" me muestre el valor del json. PD. es para usar fullcalendar. gracias Nuevamente,
Creo que el json que te muestra no es un objeto como tal, sino un string. Entonces debes convertirlo a un objeto json primero, antes de enviarlo como respuesta para poder usarlo.
Hola. Me ha servido mucho. Diariamente actualizo una tabla en la base de datos para mostrar el estado de un tramite. Pero me sale toda la tabla. Podrias explicar cómo cargar una base de datos y crear la busqueda por codigo y que solo arroje los datos de la fila de dicho codigo. Es que me sale toda la tabla y no he logrado que solo muestre lo que se busca. Ejemplo que segun la ID que busques arroje nombre marca y modelo.
![Inserción Múltiple y Simultánea (Formulario Dinámico) [PHP:MYSQLI, JQUERY]](/img/1.gif)
Excelente tutorial. Lo integré con lo de login y sesiones y funcionó a la perfección. Muchas gracias por tu tiempo y esfuerzo. Gran trabajo.
Genial bro, de nada. Saludos :)
Hola amigo,como integro login y el buscador=?
@@manuelalejandroduronvilleg1602 pudiste?
Excelente, me funcionó perfectamente, justo lo que buscaba, muchas gracias hermano!
Excelente. Qué bueno que te sirvió, un saludo.
Muy bueno el tutorial. Qué bueno que tuviera paginador para muchos registros. Saludos desde Bogotá, Colombia.
Estoy planeando una versión actualizada con paginación incluida. Espero publicar el vídeo pronto. Un saludo hasta Colombia 👋.
Buen video, sencillo y al grano (justo lo que buscaba). Tuve problemas al inicio porque tenía todo en el isset($var) xd. Luego ya quedó todo perfecto, gracias por la explicación
Genial bro! Un saludo desde El Salvador.
Justamente lo que estaba buscando, al principio tuve erorres y no me mostraba la tabla cuando hacia la consulta pero checando codigo y haciendo modificaciones logre que me saliera justo como lo haces en el video, muchisimas gracias tienes mi like y mi suscripción ¡Gracias Totales!
Me puedes ayudar, me sale un error en esta parte del codigo de javascript $(buscar_datos());
Excelente tutorial; fácil de entender y de aplicar a otros casos.
Yo lo aplique para llenar un segundo combo a partir de un clic en un combo principal; dependiendo de la opción seleccionada se crea y se cargan los datos de un segundo combo... SALUDOS.
Tu canal es oro puro
Excelente. De los pocos que sirven y están bien explicados. Gracias.
Gracias bro. Un saludo :)
Lexter, de que manera puedo Paginar los resultados, por ejemplo de 20 por página. Yo realice una página anterior en la cual páginaba todo trabajando en php, la encuentras en constituciondechile.cl/ingram/
y la que realice acorde a tus indicaciones del tutorial está en constituciondechile.cl/ingram2/
Las flechas las tengo como se muestra en el primer ejemplo.
Muy agradecido mi estimado. Estuvo muy bueno el tutorial (TODO OK); me suscribo, gracias y saludos, adelante con los tutos.
De nada bro, espero que te haya servido. Un saludo
Excelente! Super simple y bien hecho! Felicitaciones
excelente trabajo muchas gracias me ha gustado mucho, muy bien explicado
gracias por el aporte, funciono al 100
Crack, genio, maquina! Thanks (Video 100% recomendado)
Excelente trabajo, muy ordenado el código. Muchas gracias.
Gracias, valioso aporte, saludos y muchos exitos.
Unos de los mejores tutoriales que hay si los profesores fueran la mitad de entendible seria otra cosa
¡Muchas Gracias!, sólo este video me funcionó, gracias en serio, me salvaste, Dios te bendiga, saludos.
Genial bro! Me alegro poder haber ayudado :) Un saludo y bendiciones
El mejor video que pude haber encontrado, gracias, me salvaste.
Excelente aporte! muchas gracias
Excelente video! muchas gracias por compartilo, sería bastante bueno que a la misma búsqueda se le aplicara paginación :)
Excelente tutorial, muchísimas gracias por tu ayuda!! me funcionó para mi proyecto de grado
Qué bueno que te haya servido bro. Un saludo 😁.
Excelente tutorial, me sirvió bastante, gracias por la ayuda. Suscrito (y)
EXCELENTE VIDEO gracias x el aporte saludos
Muy buen Toturial Lexter, gracias por compartir tus conocimientos. Si pudieras agregarle un paginador a este mismo ejemplo seria genial. Gracias de antemano...
excelente, si me funcionó me será de mucha ayuda, muchas gracias por el video
Con gusto bro, Qué bueno que te haya servido.
Excelente me funciono perfectamente!! Tendrías algún video de como paginar esa misma tabla?
Muy bueno, me ayudo bastante. Muchas gracias !
muchas gracias fue de mucha ayuda !
Espero te haya servido. Un saludo 👋
Excelenteee, gracias, gracias!!!!
uff como busque esto no sabia como buscar jeje, muchas gracias!!! me sirvio mucho
Qué bueno que te sirvió bro. Saludos.
Lo voy a probar y lo voy a adaptar a un proyecto que estoy realizando, si todo queda bien lo comparto!
Muchas gracias fue un muy buen aporte
Con gusto bro, y qué bueno que te sirvió.
Excelente tutorial amigo muy bien explicado (Y)
Con mucho gusto bro. Espero te haya servido. Un saludo 😁
@@LexterDev sería ideal realizar el crud para que esté más completo, adicionalmente realizarlo en modals para que se vea bien visualmente
De hecho tengo en la agenda un vídeo sobre el tema tomando como base este vídeo. Pronto estará en el canal. 👌
@@LexterDev lo espero con ansias estimado intentaré realizarlo por mi parte. De igual forma de agradece tu aporte
Muy buen tutorial gracias por compartir tus conosimiento felicidades
Buenisimo amigo
Muchas gracias por compartir!!
Excelente aporte y disculpa podrías compartirnos el contenido de la carpeta CSS y de gh.php y los archivos JS.
Gracias.
Han pasado 4 años… 🥲 hay que aprender nomas 😊
Excelentísimo muchisisisisisisisisisisi...mas GRACIAS
De anda bro.Saludos.
Debo agradecerte muchísimo!!!!
Estaba pensando en botar todo lo que tenía
Sigue así
Saluditos :)
hooooo muchas gracias :3 que buena forma de ahorrarse un botón y tiempo
Gracias bro, y de nada, qué bueno que te haya servido :)
muchas gracias si funciona!! me salvaste
Me gusto bastante el ejemplo, seria mejor si lo hicieras todo con POO en php, seria mas perfecto todavía, gracias ¡CRACK!.
Muchas gracias !!!!!
Gracias me sirvio de mucho : )
gracias por el ejemplo!
Buenas tardes, he realizado el codigo completo tal cual lo mencionas, pero al ejecutar, solo aparece la etiqueta y la caja de busque, no despliega la lista y no arroja ningun error. que debo hacer?
Excelente tutorial, me sirvio a la perfeccion, use Xampp, Atom
hola! como lo hiciste? Yo lo estoy haciendo con Xampp y no me aparece la tabla!! Ayudaa
@@rebecaparedes6903 Revisa todo el código de verdad este me funciono y corrio bien
Muy bueno gracias
Saludos, excelente tutorial, podrías informarme con que versión de jquery estás haciendo este buscador? gracias, exitos!
excelente la informacion
Saludos bro.
Solo tengo un comentario. ....Genial!!!
MUCHAS GRACIAS AMIGO!!! :D!!!
De nada bro. Un saludo.
Muy buen Tutorial, bien explicado, te ganaste un suscriptor. ¿podridas hacer uno para buscar entre dos fechas?
Gracias bro :) y sí, voy a ver si preparo uno de ese estilo. Saludos
una consulta, en el minuto 8:13 dices que se aplica si encontró filas,,,,,,,pero si no encuentra filas igual aparecen los datos, porque al comienzo estas declarando 2 select......el primer select solo te visualiza, y el segundo select reemplaza al primro si escribes algo en el campo de texto y te muestra si has realizado una busqueda...................... puede ser mayor o menor que cero pero mi gran duda es que estas poniendo una tabla dentro de una condicion if....y por lo que yo veo, esa tabla siempre esta visible asi se cumpla o no la condición ........el if es para la busqueda....pero en el caso de las tablas siempre se ve ...... las tablas se ven asi se cumplan o no la condicion if?????
El if simplemente es para saber si el usuario ha escrito algo en la caja de búsqueda, si no es así, te toma todos los registros de la tabla, por eso se las consultas se sustituyen una a otra. En resumen, si hay palabra a buscar, consulta en base a la palabra, si no pues muestra todos los datos.
Amigo disculpa me he desarmado el código, y ya comprendí la lógica, estaba viendo la forma de insertarle 3 option para buscar solo por nombre, o solo por apellido, o solo por dni, segun le de click en la option
if (isset($_POST['consulta'] && $_POST['option'] )) {
//me imagino que por alli va la logica
!!Excelente Tutorial!! muchas gracias, y una disculpa como puedo hacer para borrar algun registro de la tabla?? por favor
Excelente!
Excelente!!!
Excelente tu tutorial, bien sencillo, lo probé sin problemas, lo voy a utilizar para ubicar alumnos en una base de datos mysql, para luego con una casilla de verificación señalar los que asistieron a clase y enviar esa información a una nueva tabla llamada asistencia, me podrías dar una mano en esto.
Hola Henry. Lo probe y no obtengo resultado alguno. Mi duda es la caja_busqueda, que deberia estar definida en algun archivo, creo. Si puedes darme una idea. Desde ya gracias.
hola buenas , buen tuto , una pregunta , ¿ este programa solo funciona para paginas index ?
Amigo excelente muy explicado
Solo quiero preguntar como puedo agregar un paginador a esta tabla
No se mucho de programacion... si m pudiera ayudar se lo agradeceria..
Excelente aporte, como podemor ponerle paginacion?
Excelente tuto, gracias por compartirlo. Se puede adaptar a WordPress?
Gracias, me sirvio
De nada bro :)
una pequeña duda, espero me ayudes :) si quisiera q se ejecute la
busqueda de ajax solo si, se escribe dentro del input y se haga click en
un button? cual seria el codigo? necesito eso yaq tmbn tengo un form en
un documento.php y no quiero q se cruse con mi input submit :/
Puedes poner un formulario con un submit y la caja de búsqueda y sólo cambias el evento de donde se ejecuta la búsqueda usando el evento submit del form de búsqueda : jQuery(document).on('submit','#frm_buscar', function(event){
event.preventDefault();
var valor = $('#caja_busqueda').val();
buscar_datos(valor);
});
Quiero agregarle un boton de modificar y eliminar en la tabla....?
Simplemente en el archivo de búsqueda, agrega una columna de accione y ahí por cada fila de datos, agregas los botones y luego ya con JavaScript los manipulas. :)
q cosas cambiarian si lo trabajo ya dentro de un servidor
???
aparte del nombre del servidor, usuario. pass. etc
Hola me parece muy padre tu tutorial, solo una pregunta de casualidad no tienes los archivos descargables?
una pregunta en el dataType sabemos que en la respuesta del servidor devuelve xml, json, script, or html...
entonces "script" a que documento se refiere a un código de php o uno de js...esa parte no entiendo.
espero una respuesta, saludos
Si hablas de la etiqueta sí, es cómo enlazas un archivo JavaScript con el documento HTML. :)
Oh ya veo, entonces con esa etiqueta puedo enviar respuestas o mensajes como "campos vacaciones", "inténtalo más tarde", "registro éxitoso", etc desde el servidor al cliente... Muchas gracias, has ganado un me gusta y un nuevo suscriptor .
Excelente tutorial y explicación, una duda como lo hariamos con un criterio INPUT y otro criterio SELECT, es decir si se cumplen las dos condiciones la consulta o datos se muestra?. Son bastante nuevo y necesito ayuda con esta duda. Gracias de antemano
Buen dia; muy bueno el tutorial como haria para agreagar dos nuevas columnas en donde se puedan agregar dos enlaces para editar informacion de la base de datos.
gracias por todo
De nada bro. Saludos
pregunta con inner si funcionaria hacer ese estilo de busque o solo aplica con tablas especificas
No, perfectamente se podría hacer usando inner para relacionar tablas, todo estaría en la estructura de la consulta.
hola , excelente video aprendí mucho , tengo una duda como agrego las opciones de eliminar , editar o ver
Muy bien explicado, es prácticamente lo que tenía en mente o similar, sin embargo te pregunto en un caso hipotético, ¿Qué pasaría si tienes 500 usuarios a la vez realizando una búsqueda en una base de datos con más de 10 mil registros? Entiendo que en el evento "keyup" llamara tu función que terminará realizando el AJAX, entonces, cada tecla apretada es una petición al servidor, si esos usuarios escriben al mismo tiempo al menos dos teclas, ya ejecutamos al menos 1,000 veces la función y el servidor está revisando 1,000 consultas a una base de datos cargada de información en la tabla de búsqueda, ¿Me equivoco? Si fuera este caso que por cada tecla levantada es una solicitud ¿Qué propondrías para evitar la sobre carga de peticiones al servidor?
Edit: Saludos, al que sepa, se lo agradecería, esto le serviría a alguien que quiera dedicarse a hacer apps y colgarlas en la internet.
Edit parte dos: En visto que el creador ni de pedo responde, les dejo una solución ->
$(document).on('keyup', '#caja_busqueda', function(){
clearTimeout(timeout)
timeout = setTimeout(() => {
buscar_datos(variable)
clearTimeout(timeout)
},1000);
});
//Igual lo pueden dejar de esta manera y es un poco más simplificado...
$("#caja_busqueda").on('keyup',function(){
clearTimeout(timeout)
timeout = setTimeout(() => {
buscar_datos(variable)
clearTimeout(timeout)
},1000);
});
Nota: En el mundo de la programación aplicado en la vida real, no solo es tirar código a lo bestia, tienen que echarle cabeza, pensar lo que estás haciendo, en lo que realmente estás haciendo, háganlo y triunfarán como programadores.
Muy buen dato a tener en cuenta.
Estimado, antes que todo quiero darle las gracias por el excelente video tutorial. Mi consulta es la siguiente:
Que código utilizo para imprimir una imagen en la busqueda? Me explico, mi db también incluye imagen de usuario.
Saludos
Atte Cord.
Para eso supongo que tienes la ruta de la imagen en la tabla del usuario, si es así lo que puedes hacer es en la consulta de búsqueda traes también la ruta, y luego se la pones al src de un img.
Ya me salio perfecto , oyes una duda como seria si lo implemento utilizando Programacion orientada a objetos alguna idea o sugerencia ??
Genial! Bueno, la diferencia es que se debe crear una clase que contenga una función que espere parámetros y en base a ellos haga la búsqueda en diferentes situaciones, para reutilizar código, ya que es la base de la POO. Puedes crear una clase, crear una función que espere el dato, la tabla etc etc y así puedes usar la misma función con diferentes tablas y/o búsquedas :) Saludos
Muy buen tutorial muchas gracias!! Tienes por algún lado el código? Un saludo
que version de PHP estas utilizando?
Hola, es la primera vez que programo php y jQuery e hice todo tal cual, tengo mi DB en un host llamado HostingMexico, a la hora de programar en mi doc de php el nombre del server y el usuario deben cambiar?
Porque cuando lo pruebo en mi vista previa y busco lo que necesito no me aparece nada.
Muy bueno, además aprendí mucho de los errores que me salieron, 1 sub mas.
Tengo en mente seleccionar un cliente, para eso usé la opción buscar que muestras en el video, pero tienes alguna idea para seleccionarlo y así pase a otra tabla para luego ser guardada en mi base de datos?
Puedes hacer que en el evento click de la fila del cliente que quieres se tomen sus datos, y los envías a donde quieras.
LexterXPS Sí, tengo el formulario ventas, para seleccionar el cliente, al lado del campo cliente hay un botón que abre una nueva ventana para buscar el cliente y seleccionarlo (la búsqueda lo hice gracias al.video), mi intención es que una vez que se haya seleccionado el cliente y hecho click en el evento seleccionar aparezca su nombre en el.formulario anterior para luego ser guardada en la tabla ventas, estoy investigando sobre eso, si tienes alguna info seria de ayuda, gracias por responder :D
Si lo que quieres es pasar datos entre ventanas, es fácil bro. Crea una función en la ventana padre por ejemplo : function mi_function(dato1, dato2, dato3, etc) y en esa función llenas los campos del formulario con cada dato que recibas. Y luego desde la ventana que se abre, creas otra función, o en el evento click del elemento que quieras, recoges los datos, y con la propiedad windows.opener, accedes a la función de la ventana padre que ya creaste así: window.opener.mi_funcion(dato1,dato2,dato3, etc); y cierras la ventana de búsqueda con self.close();
LexterXPS Vale, investigaré sobre esas funciones. Gracias bro
amigo una pregunta, es posible hacer dos cuadros de búsqueda diferentes en una misma pagina? o generaría conflicto con los script?
Que extension utilizas para crear la estructura ajax desde vs code ?
No es VS Code, en este vídeo usaba Sublime, y usé un snippet personalizado.
He vuelto a hacer el ejemplo, y a mi no me carga la tabla MySQL.
Podrías colocar el código en este vídeo, para ver cómo lo hiciste tú. Porque incluso cambié de servidor web, en este caso XAMPP y tampoco. Porque cuando pongo localhost/busquedaproductos
no carga nada.
En cambio cuando cargo el archivo buscar.php, se ve los productos introducidos en la base de datos MySQL. Entonces no lo entiendo.
Hola! Muy buenas tardes, de casualidad pudiste solucionarlo? Me encuentro en la misma situación, la tabla no me muestra nada(literal está en blanco), pero si voy a "buscar.php" si me aparece la información correspondiente, agradecería cualquier consejo y/o ayuda, de antemano muchas gracias!
Hola super bueno el post pero cuando la consulta es de mas de 15 mil registros se vuelve exaradamente lento hay una forma de optimizar que no muestre todo en una sola hoja?
Saludos, tengo una duda sobre le código, vi tu tutorial, trate de hacerlo y no ve sale lo que es la tabla, revise dos veces el video y todo parece que esta bien
hola. Me sirvio perfecto.
Te hago una consulta. Es posible modificar los datos del resultado de la busqueda?
Por ejemplo si quiero cambiar el nombre de un jugador se puede hacer desde el listado de los resulktados?
Claro que se puede bro, sólo debes agregarle el botón a cada registro, y desde ahí activar la opción de editar cada registro individualmente.
Excelente video, como le hago que al clickear una fila me muestre en otra pagina los datos detallados de ese id? seria de mucha ayuda.
disculpa que te pregunte pero onde puedo descargar el ajax?
disculpa podrias proporcionarme style.css y main.css de este proyecto gracias
Muy bueno el tutorial pero como se haria si tienes 3 tablas relacionadas? ya que en ese caso me trae un producto cartesiano
Excelente, y como hago para seleccionar un registro ? Tipo listbox
Hola, pero en que donde le pasas al ajax por parametro la consulta?
Hola. En mi caso estoy desarrollando una web para carga de datos de profesionales de educación, por mi trabajo. Muy bueno el video explicativo, pero hay cosas, como ajax, que no me aparecen las instrucciones de main.js que creaste. Lo que solicito, como otros, es si podrias compartir los archivos para guiarnos mejor. Desde ya muchas gracias.
Excelente video una pregunta como puedo agradar un link de descarga al código actual?
Hola, tengo una pregunta, en el index.html creas el div con el id= datos, pero no veo en que momento haces uso de ese .html si trabajas todo con el buscar.php. No logro entender esa parte y es por esto que no me funciona aun el buscador, te agradeceria me ayudes con esta duda. Gracias
Buen tutorital, consulta, como podria hacer el mismo filtro, pero usando un select? Saludos
¿Usando un select? ¿Te refieres a tener las opciones estáticas en el select y al seleccionar alguna los datos se filtren? Sí es así, puedes hacerlo en el evento change del select, tomar su valor seleccionado, enviarlo a PHP y que éste te devuelva los datos basados en ese criterio.
@@LexterDev Claro, en vez de usar la barra de texto, usar un select que me muestre por ejemplo todos los nombres que hay en la tabla, y al seleccionar uno, filtre la tabla. Saludos
Bueno, en ese caso puedes hacerlo de la manera que te dije, sólo que previamente debes cargar los nombres en el select desde la tabla.
@@LexterDev Esa es la parte que no logro hacer, cargar por ejemplo la columna "Nombres" en el select.
Te escribo al correo que enviaste.
doctor excelente. pero como hago para ver el detalle de ese producto. es decir q me abra otra pagina con el detalle de los buscado?
Para la conexion yo estoy usando New PDO ... como seria en ese caso ? ya que se utiliza mysqli aca .. lo pregunto dentro de mi mas pura ignorancia ^w^
Hola de nuevo! Para tu hacer un buscador interno como seria?
disculpa el ajax lo bajaste o cómo le haces para tener ajax?
hola. pregunta. si quisiera obtener todos mis datos en formato json que debería cambiar.
gracias
Fácil bro. En lugar de armar la tabla con tus datos, los metes en un array, y luego ese array lo pasas a json con json_encode(array); y simplemente haces un echo de eso y te va a devolver los datos en json.
LexterXPS . gracias. soy muy novato en esto. mi idea es ... usando fullcalendar los datos que tenga guardado en mi tabla los muestre, pero no se el procedimiento para obtenerlos en json.
gracias por tu pronta respuesta, nunca nadie había sido tan atento en responder inmediatamente. un abrazo.
Hola. yo nuevamente.... disculpa que moleste.. mira te explico.
tengo este archivo calendario.js
function listar($data=Array())
{
//console.log("listar");
$.ajax({
url: '../ajax/calendario.php?op=listar',
type : "get",
dataType : "json",
data:$data,
error: function(e){
console.log(e.responseText);
}
},
);
//console.log($datos);
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: new Date(),
editable: true,
eventLimit: true,
height:500,
width:400,
events: $data
});
}
envia los datos a este archivo calendario.php
case 'mostrar':
$rspta=$usuario->mostrar($idusuario);
//Codificar el resultado utilizando json
echo json_encode($rspta);
break;
case 'listar':
$rspta=$calendario->listar();
//Vamos a declarar un array
//$data= Array();
while ($reg=$rspta->fetch_object()){
$data[]=$reg;
};
echo json_encode($data);
// $datos=json_encode($data);
log($data);
break;
lo codifica y entrega este dato con este error
[{"id":"4","title":"ASDasd","start":"2017-07-18 16:30:00","end":"2017-07-18 16:30:00"},{"id":"8","title":"cocny","start":"2017-07-18 10:30:00","end":"2017-07-18 10:30:00"},{"id":"14","title":"asfsafas","start":"2017-07-19 10:30:00","end":"2017-07-19 10:30:00"}]
Warning: log() expects parameter 1 to be double, array given in C:\xampp\htdocs\clinica\ajax\calendario.php on line 44
calendario.js linea 60.
y lo del millon...
como hago que "events: $data" me muestre el valor del json.
PD. es para usar fullcalendar.
gracias Nuevamente,
Creo que el json que te muestra no es un objeto como tal, sino un string. Entonces debes convertirlo a un objeto json primero, antes de enviarlo como respuesta para poder usarlo.
Hola. Me ha servido mucho. Diariamente actualizo una tabla en la base de datos para mostrar el estado de un tramite. Pero me sale toda la tabla. Podrias explicar cómo cargar una base de datos y crear la busqueda por codigo y que solo arroje los datos de la fila de dicho codigo. Es que me sale toda la tabla y no he logrado que solo muestre lo que se busca. Ejemplo que segun la ID que busques arroje nombre marca y modelo.