Búsqueda de Datos en Tiempo Real (Live Search) con PHP + MySQL + JQuery 

Genial bro! Un saludo desde El Salvador.

Genial bro! Me alegro poder haber ayudado :) Un saludo y bendiciones

Excelente. Qué bueno que te sirvió, un saludo.

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.

Han pasado 4 años… 🥲 hay que aprender nomas 😊

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.

Gracias bro, y de nada, qué bueno que te haya servido :)

Claro que se puede. En el archivo de búsqueda de php, se arma la tabla. Ahí pudes agregarle las clases de bootstrap para que los tome y listo.

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.

creo deberias colocar tantos buscador como necesites, pero hace la búsqueda con el SELECT con todos los campos de búsqueda con sus correspondientes AND y OR que pueda filtrar los datos de la tabla. Ojaldre eh?

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

Gracias bro. Y si claro que se podía, sólos ería de adaptar el código con el select para que busque cómo tu quieras

Gracias bro... es que ya lo intente pero no pude XC jajaja

No, perfectamente se podría hacer usando inner para relacionar tablas, todo estaría en la estructura de la consulta.

Lo que quieres hacer es mostrar la tabla en un modal?

Jajaa pero el codigo se ve en el video .. mejor dedicate a otra cosa men jaja

A qué refieres con "ocultar un línea de datos"? No entiendo muy bien tu duda bro, si pudieras dar más detalles para poder ayudarte.

estoy queriendo hacer lo mismo, pudiste hacer?

Saludos bro.

De hecho en mi canal tengo algo así hecho con C# y SQL Server bro, puedes buscarlo en mi canal :)

Fácil, sólo quita la línea 1 del main.js y ya no se mostrarán los datos desde el inicio.

Seguro que lo estás corriendo desde tu localhost, y no abriendo el archivo PHP directamente?

@@LexterDev si lo he hecho de nuevo pero no me carga los datos de la base de datos MySQL

Puede que haya un error bro. Revisa la consola para ver si hay algo ahí que te indique.

no me sale nada lol!!!!!!.. -dentro del folder App tengo buscar.php -dentro del folder js tengo main.js y por últimon el index .. solo con los tres me debe funcionar verdad?

Necesitas también el archivo de JQuery bro.

tienes el código que alcoles amigo de jquery...?

o en que vídeo muestra el desarrollo de el jquery..?

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.

Eso es JQuery bro. Es una librería externa. La puedes descargar desde jquery.com y luego sólo la agregas a tu HTML como lo hago en el vídeo.

@@LexterDev okey, gracias bro

Con gusto. Saludos 😁

no deberia decir $resultado = $conexion->mysql_query($query)??

No te algún error?

No, eso es lo raro, me aparencen los datos de la tabla, pero al buscar no pasa nada :(

Gracias, ya me funciono :D

Que le hiciste para que te salga?

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. :)

Ese error se debe a que hay un error en la carga de JQuery bro, revisa que se agregue bien el archivo de JQuery.

Suponiendo que en tu tabla tienes la ruta de la imagen, basta con sacar la ruta de la tabla en la consulta SQL, y mostrar la imagen en una etiqueta img e insertar el src con la ruta.

Pues sin detalles no sé cómo poder ayudarte, si quieres escríbeme un inblox al facebook para que sea más fácil

Al parecer hay algún error, revisa si la consola del navegador te da muestra algún error para poder revisarlo.

Pues sería lo mismo no? O sea le especificas los campos, y al momento de buscar e buscador evalúa las coincidencias en los campos que le digas al mismo tiempo. no sé si es la idea, o yo no he entendido bien

Si yo escribo hola, el me va a buscar todas las coincidencias en la fila "x" y me va a hacer el echo de las coincidencias, pero si escribo, hola como estas como te va, me dice que no existe ninguna coincidencia, eso sucede por qué??

pero hay un solo campo..en la base de datos hay 2 opciones... mujer, hombre.. en hombre hay especificaciones y mujer tambien.. si escribo: mujer de 1.80 catira, ojos verdes, talla C.. quiero que pueda leer toda esa frace.. ahorita me pasa que si escribo completo lo qeu quiero no me arroja ningun resultdo pero si pongo una sola palabra como VERDE me sale todo lo que contenga VERDE.. pero si escribo OJOS VERDE no me sale nada.. que arrecho no se porque.

Te muestra algún error?

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!

Sí, lo mejor en esos casos sería agregarle paginación, para nada más extraer sets de info y no toda, eso optimizaría tal cantidad de datos.

En esos nada, fueron archivos de prueba que había creado en ese entonces. Pero no tienen nada que ver en el funcionamiento del tutorial.

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!

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 .

Sólo quita la primera condición donde se evalúa si la caja está vacía o no, y ponla sólo cuando no esté vacía.