🔴 DATATABLES JQUERY PHP MYSQL 03: Listar datos con AJAX y JSON

Поділитися
Вставка
  • Опубліковано 9 лис 2024
  • Mostrar datos o registros mysql usando ajax, json y php, en DATATABLES JQUERY.
    ➜Curso Datatables Php MySql / MariaDB: Listar datos desde MySql con Ajax y Json.
    📖 Código: goo.gl/l6X9IU
    💻 Curso gratis: goo.gl/WCTgd0
    🎓Asesoría y Servicios: goo.gl/1R2aBu
    ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
    REDES SOCIALES
    ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
    ► Facebook: / codigowolf
    ► Twitter: / codigowolf
    ► Blog: programandobrot...
    ► Google Plus: plus.google.co...
    ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
    Music used: Milkshake by Aaron Spencer
    machinimasound...
    Licensed under Creative Commons Attribution 4.0 International
    (creativecommons...)
    ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
    TAGS:
    datatables jquery ejemplos, Data Table Using jQuery and Bootstrap, Data Table Using jQuery and Bootstrap, jQuery datatables get data from database table, DATATABLES JQUERY PHP Listar datos con AJAX y JSON, datatables php mysql crud, Show JSON Data in Jquery Datatables, Invalid JSon en Datatable solucion Jquery, Datatables Jquery en español, jQuery Data Tables plugin in 7 minutes, Plugin dataTables para jQuery, Crear Datatable JQuery tomando informacion MySQL y PHP, jquery datatables ajax json example, jquery ajax example php demo, jquery ajax example php mysql, jquery data table example, datatables server side processing example, jquery datatable ajax pagination, datatable php mysql, datatable php mysql ajax, datatable jquery ajax example php, datatables jquery plugin with php & mysql - example, DataTables Plugin con jQuery UI, PHP PDO y MySQL, Crear Datatable JQuery tomando informacion MySQL y PHP, datatables jquery español, CRUD con DataTables: PHP + jQuery mysql, DataTables AJAX JSON PHP MYSQL, Live Table Add Edit Delete using Ajax Jquery in PHP Mysql, Mostrar Datos en DataTable con PHP - MySQL, Simple CRUD with Datatables, JQuery and Adminlte Tutorial for Beginner, datatables php mysql example, datatables php mysql jquery, datatables php mysql ajax, datatables php mysql tutorial, datatables responsive, bootstrap datatable php mysql, datatables jquery demo application, jquery datatables ajax, datatables jquery demo aplicación, datatables php mysql, datatables php mysql ajax, datatables jquery español, datatables bootstrap, datatables jquery, datatables php, Live Table Add Edit Delete using Ajax Jquery in PHP Mysql, datatables plugin con jquery ui php pdo y mysql, datatables ajax, datatables mysql, datatables table plug-in for jquery, datatables, datatables pagination, datatables editable, datatables filter, datatables in php, datatables jquery plugin with php & mysql - example, datatables jquery php, datatables jquery server side, datatables jquery tutorial, jquery datatables mvc, jquery datatables asp.net, javascript datatables, jquery datatables plugin, datatables plugin, jquery datatables php, datatables responsive, datatables server side, datatables server side php, datatables server side java, datatables search, jquery datatables server side, datatables tutorial, datatables tabletools, jquery datatables tutorial, using datatables

КОМЕНТАРІ • 283

  • @compartelo007
    @compartelo007 5 років тому +1

    GENIAL, sobre todo porque eres de los pocos que entienden el principio de responsabilidad y no envías la vista desde PHP, sino que envías los datos y es javascript, el que se encarga de la vista.
    He estado durante casi un mes haciendo un estudio de muchísmos youtubers que ponen videos de ajax y php y sólo unos pocos envía json desde php para que sea javascript quien se encargue de la vista. La gran mayoría envía html desde el php y, aquí está clave, indagando un poco más en que otros contenidos y videos generan esos youtubers veo que sólo los que tienen claro que el servidor se encarga de los datos y no de la vista, además tienen videos de lenguajes de programacion orientada a objetos como java, c#, etc.
    Y es que ese tipo de programación te obliga o dirige a que las cosas tengan un orden, mientras que PHP, no te obliga y como no lo hace tu estructura a la hora de enfrentarte al código no tiene en cuenta algo que nunca has estudiado

  • @Amlovexsiempre
    @Amlovexsiempre 7 років тому

    EXCELENTE AMIGO SALIO PERFECTO NO ENCONTRABA LA FORMA DE HACERLO ANTERIORMENTE YA QUE LO ESTOY IMPLEMENTANDO UTILIZANDO PROGRAMACION ORIENTADA A OBJETOS Y MVC Y TODO SALIO PERFECTO , GRACIASS POR TU APORTE AMIGO SALUDOSS !!!

    • @CodigoWolf
      @CodigoWolf  7 років тому +1

      De nada hermano, que bueno que estés implementando POO y MVC. 😃👍

  • @YAcosta
    @YAcosta 7 років тому

    Excelente amigo, realizando tu ejemplo me saltaron varios errores pero como siempre la culpa empieza por uno y termina por uno, revise y corregi y me ha funcionado exactamente igual a tu video (claro usando mi data), me suscribo. Saludos

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Me agrada saber, que ustedes mismos encuentren sus errores, eso les ayudará mucho a futuro. 😁👍

  • @afgr123
    @afgr123 2 роки тому

    Muchas gracias, este método si me funcionó.

  • @luisalbertogutierrezchimal1063
    @luisalbertogutierrezchimal1063 2 роки тому

    Buen video, me sirvió de mucho. Una duda... que diferencia tiene en cargar datos de una bd a dataTables con la consulta a la bd y trabajar con un while o for y mostrarlos ahi, que como lo mostraste en el video, con json?

  • @jhongomezmarin72
    @jhongomezmarin72 6 років тому +3

    Para las personas que quizas no les funcione la consulta con el "mysqli_fetch_assoc"
    Intenten con este:
    MySQL = mysqli_fetch_array
    SQLServer = sqlsrv_fetch_array

  •  5 років тому

    Excelente, hasta aqui vamos bien

  • @dahanschuster631
    @dahanschuster631 5 років тому

    MUITO OBRIGADO! Quebrei muito a cabeça vendo tutoriais do site oficial, mas você explicou muito bem! Salvou meu código :D

    • @CodigoWolf
      @CodigoWolf  5 років тому +1

      Gracias por escribir tu comentario, compañero. 😁👍

  • @vizmont
    @vizmont 2 роки тому

    Si haces una consulta de dos parámetros como se capturan en PHP. Se como hacer la consulta con una variable, pero dos no.
    En el url colocó el archivo y el metodo le anexo al final +nombreVariable.
    Pero para dos variables no se.

  • @MarioHumbertoSequedaJimenez
    @MarioHumbertoSequedaJimenez 3 роки тому

    Saludos amigo, espero estés bien. Lo primero es darte las gracias por compartir tus conocimientos con Nosotros y además consultarte como hago para mostrar de esta forma un campo con formato numérico, es decir que se pueda ver así $1.200=? Gracias de antemano por tu colaboración.

    • @CodigoWolf
      @CodigoWolf  3 роки тому

      Hola, Mario. Podrías revisar este enlace:
      🔴 datatables.net/examples/advanced_init/column_render.html

  • @vaijoe
    @vaijoe 3 роки тому

    Buenísimo, justo lo que andaba buscando gracias!

  • @exailer89
    @exailer89 7 років тому

    Muchas gracias por el video, la verdad es muy bueno.
    Solo tengo una duda, ¿Como puedes configurar datatables para que se ordene mediante una fila en especifica?, ejemplo: Que la informacion de la tabla de tu video se ordenen de forma descendente por Apellido sin la necesidad de darle clic, que sea por default al entrar a la pagina.

  • @HVALENCIA3
    @HVALENCIA3 8 років тому +1

    Hola amigo ya me funciono muchas gracias y otra causa cuando subes tu próximo vidio ojalá sea el de mostrar los datos en Excel y en cvs y pdf

    • @CodigoWolf
      @CodigoWolf  8 років тому

      Que bueno, que hayas solucionado esa falla.
      Y con respecto a los vídeos, seguirán la secuencia, pero trataré de subirlos, lo más rápido que pueda.
      Gracias por comentar, hermano. :)

  • @eduarmartinez1990
    @eduarmartinez1990 4 роки тому

    Excelente Mano muy agradecido

    • @CodigoWolf
      @CodigoWolf  4 роки тому

      Gracias por comentar, Eduar. 😁👍

  • @rafaelsanchez4730
    @rafaelsanchez4730 5 років тому

    Que tal gracias por el aporte a la comunidad, pero manejo un poco más de 11 mil registros en la base de datos y quiero hacer esto pero usando server-side (Procesamiento de datos del lado del servidor) me podrías indicar que debo hacer ?? Al cargar todos mis datos desde el inicio vuelve pesada la página y toma unos segundos hasta estar lista, sin embargo si lo hago con server-side ni se siente la carga de datos, pero no se si los botones funcionan de la misma manera o tengo que hacer algo adicional. De antemano muchas gracias por tu ayuda, estaré pendiente de tus comentarios.

  • @carlosedunet
    @carlosedunet 4 роки тому

    Buen video amigo, una consulta tienes videos del mismo tipo pero usando MVC para poder aprenderlo en esa manera.

    • @CodigoWolf
      @CodigoWolf  4 роки тому

      Uhmm, no, pero en caso de tus archivos js, apuntarían a tu controlador. 😁

    • @carlosedunet
      @carlosedunet 4 роки тому

      @@CodigoWolf si entiendo pero como llamara desde el js a una función del controlador, tienes un ejemplo o una idea.

  • @franciscocruz7700
    @franciscocruz7700 7 років тому

    Hola
    Esta muy bueno tu video, sobre todo rapido y conciso. Tengo una duda si alguien ve mi js y ve el archivo listar.php. Podrian ver todos mis registros de la base de datos. ¿Esto seria un problema de segurdiad?
    Gracias por tu aporte. Saludos

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Se supone, que al listar los registros de una base de datos, es para que los usuarios lo observen.
      Se podría ver temas de seguridad siempre y cuando hagas una transacción, para ello podría usar la extensión de PDO.

  • @mauri43878
    @mauri43878 7 років тому

    Exelente videos, muchisimas gracias por compartir tus conocimientos ,te hago una pregunta q me tiene bastante atascado, cuando hago la consulta a la base de datos le pongo en el php un order by con la fecha de nacimiento del personal para q los traiga en ese orden hasta hay todo bien, pero cuando esos datos los vuelco en la datatable me los ordena automaticamente por orden alfabetico de la primera columna, lo que yo quisiera es que se mantenga el orden por fecha de nacimiento aclaro que la fecha de naciento no lo quiero mostrar en la datatable... desde ya muchas graciasss

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Ordena por fecha y manda ese campo dentro de la consulta. Luego solo ocultas el campo fecha dentro de la función listar():
      *table.column( 0 ).visible( false );*
      En este caso se ocultaría el primer campo, luego puedes modificar las posiciones mediante índices

  • @vladimirmontesbetancur2372
    @vladimirmontesbetancur2372 6 років тому

    Yo buscando algo así en otros idiomas pensando que en español no había buen material y termina siendo todo lo contrario.
    muchas gracias!

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Jajaja, creo que me esmeré. 😄

  • @alvaroaliaga7892
    @alvaroaliaga7892 4 роки тому

    Buen video bro te sigo desde hace tiempo. Una consulta...Puedo iterar ahi adentro de las columns ? y mostrar data con condiciones?

    • @CodigoWolf
      @CodigoWolf  4 роки тому +1

      Hola Alvaro, para ese caso, puedes ver el tema con *render function* de datatables. Gracias por comentar. 😁👍

  • @danielpena1098
    @danielpena1098 3 роки тому

    muy bueno,pero como agregaria botones dentro de la table para eliminar o editar?

  • @JapanScript
    @JapanScript 8 років тому +1

    Gracias, muy conciso y resumido. +10

    • @CodigoWolf
      @CodigoWolf  8 років тому

      De nada hermano, trato de siempre hacerlo lo mejor posible. :D

  • @LuisGonzalez-yv3od
    @LuisGonzalez-yv3od 7 років тому

    Super bien explicado, gracias por enseñar. este tipo de método ¿es compatible para sesiones o perfiles?. Mi idea es personalizar los datos por cada usuario.

  • @luismolina8922
    @luismolina8922 7 років тому

    Buen tutorial, un pregunta no tendrás un ejemplo donde traigas 10 registros por cada paginación , osea si se le da clic en la paginación 1 te traiga los primeros 10 registros de tu consulta mysql y si se le da clic en la paginación 2 te traiga los siguientes 10 registros de tu consulta mysql etc , y no traigas todos los registros de tu consulta mysql desde un principio ya que de ese modo si tienes muchos usuarios en tu tabla tardaría mucho en cargar la tabla

  • @darwinrv94
    @darwinrv94 8 років тому +1

    Explicas muy bien, muchas gracias por compartir!

  • @litokurtlp5656
    @litokurtlp5656 7 років тому +6

    Puedes hacer un video de DataTable Server Side Processing.. gracias.

    • @JosueVader
      @JosueVader 5 років тому

      Precisamente vengo de tu tutorial de codeigniter Jajaja quedé on muchísimas dudas pero me sirvió brutalmente para mi mini-proyecto

  • @mandofo
    @mandofo 4 роки тому

    Muy breve, muy al grano super bien el vídeo saludos

  • @d-landjs
    @d-landjs 5 років тому

    Muy buen tutorial amigo, no se sobre el funcionamiento de ajax, pero parece mas sencillo, ando usando lo mismo que en tu video menos Ajax, es lo que estan enseñandome xD. Saludos!!!

    • @CodigoWolf
      @CodigoWolf  5 років тому

      Gracias por comentar compañero. 😁👍

  • @MiguelOrtegaFloress
    @MiguelOrtegaFloress 6 років тому

    Para a todos que comentan que al correr el programa les sale en BLANCO es porque el json_encode Todos los datos de tipo string deben estar codificados con UTF-8. Es por eso que Codigo Wolf
    dice que pongamos esto dentro del while $arreglo["data"][]=array_map("utf8_encode", $data);
    yo lo intente y me funciono.
    lean igual la documentación del json_enconde php.net/manual/es/function.json-encode.php

  • @re2r1998
    @re2r1998 7 років тому

    Buen video.
    Una pregunta: Se puede añadir mas campos de filtrado?, necesito filtrar por otros tipos de datos como por ejemplo tipo de producto, etc

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Si se puede, solo usa las mismas propiedades que ajax de *jQuery*, para enviar valores como parámetros y luego las obtienes en tu archivo *ejemplo.php*. 😎
      Si no manipulas muy bien lo de *"AJAX"* , revisa mis vídeos recientes. 😁

  • @alexhizjimenez260
    @alexhizjimenez260 6 років тому

    wuaooo genial.. siempre eh querido aprenderlo. muy buen video profe.. y para mostrar con imagenes como seria? asi de nombre precio imagen.

  • @maxprolink
    @maxprolink 7 років тому

    Hola.. Gracias por el video.. has manejado un ejemplo para visualizar el contenido de un campo blob (texto demasiado largo) en una datatable

    • @CodigoWolf
      @CodigoWolf  7 років тому

      La verdad que no, pero tampoco lo veo muy agradable 🤔, en todo caso, podrías agregar un botón de acción al final de cada fila, el cual te permita abrir una ventana modal con el resto de los datos de texto más largo. A mi criterio se vería mucho más estético, en vez de mostrar una gran cantidad de un solo campo en una tabla. Bien, de igual manera la decisión final es tuya. 😃

  • @SAVM1983
    @SAVM1983 7 років тому

    Hola y gracias por tu video; me podrias indicar como hacer para recargar o refrescar la informacion automaticamente en el datatables ya que la tabla a la que accedo varia la informacion constantemente y me gustaria mostarla en la pagina

  • @mariacristinaulloagarrido1224
    @mariacristinaulloagarrido1224 6 років тому

    Me gusta mucho esta serie está muy bien explicada, tengo una pregunta, si quisiera ponerle un tfoot a esta tabla cómo se puede hacer? Gracias de todas formas...

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Pues solo agregar la etiqueta , con los mismo campos que pones en el , para que haya una simetría. Gracias por comentar. 😃👍

    • @mariacristinaulloagarrido1224
      @mariacristinaulloagarrido1224 6 років тому

      Gracias Wolf, esa sería la variable estática, pero yo querría saber la forma dinámica..

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Ah ... si ese es el caso, aquí encontré un post, fácil y te puede ayudar. 👍
      ► datatables.net/forums/discussion/27829/add-table-footer-with-javascript-only

    • @mariacristinaulloagarrido1224
      @mariacristinaulloagarrido1224 6 років тому

      Muchas gracias Wolf, lo trataré de interpretar y usar..ya lo había visto pero no lo había entendido..quizás en esta fase...Gracias nuevamente..

  • @edwingomez7714
    @edwingomez7714 7 років тому

    Buena tarde amigo, muchas gracias por el tutorial y no se si me puedas ayudar con esta consulta, tengo una BD de 9 columnas, mas de 3000 registros y con el mysqli_fetch_assoc no me toma ningun dato, ya he probado con los diferentes fetch pero continua igual, muchas gracias por tu ayuda.

  • @carloscerna77
    @carloscerna77 7 років тому

    Hola que tal he visto tus tutoriales y me han ayudado mucho, deseo saber como puedo colocar un ancho fijo para cada columna. he visto muchos ejemplos pero no logro hacerlo. de antemano gracias

  • @rember79
    @rember79 4 роки тому

    Excelente video, muchas gracias por compartir

    • @CodigoWolf
      @CodigoWolf  4 роки тому +1

      Gracias por comentar Rember. 😁👍

  • @CodigoWolf
    @CodigoWolf  7 років тому +9

    ⚠️Agreguen la siguiente línea de código⚠️, antes del bucle while, en el archivo *listar.php*, por si tienen un *mensaje de advertencia* de datatables.
    *$array["data"] = [];* //devuelve un arreglo vacío por si no hay registros en la base de datos.

    • @cromero2386
      @cromero2386 7 років тому +1

      Excelente. ese era el error por no haber leido los comentarios. Muchas gracias error solucionado con Laravel + DataTables

    • @RaimundoBaravaglio
      @RaimundoBaravaglio 7 років тому

      ¿Sólo antes del bucle While, o antes de if(!$resultado){...} ?
      Muchas gracias por tus videos! Cortos, concretos, prácticos... Me has hecho la vida más fácil jajajaj

    • @RaimundoBaravaglio
      @RaimundoBaravaglio 7 років тому

      ¿Funcionaría un
      if (count($arreglo) < 1) {
      $arreglo["data"][] = [];
      }
      después del if($resultado) ?
      Capaz que estoy delirando jajajajaja

    • @CodigoWolf
      @CodigoWolf  7 років тому +1

      Por defecto lo dejo como $arreglo["data"] = []: //antes del bucle while
      Si la consulta devuelve datos, el *"$arreglo"* , se modifica o setea, es decir almacena dichos registros de la BD.

    • @CodigoWolf
      @CodigoWolf  7 років тому +1

      También podrías, ponerlo antes del *if(! $resultado ){...}* .
      El resultado es el mismo. 😁

  • @diegodubon47
    @diegodubon47 8 років тому +1

    justo lo que buscaba excelente bro.

  • @mikerebel
    @mikerebel 7 років тому

    excelente, muy conciso y al punto.

  • @juanantonioriveramerida5774
    @juanantonioriveramerida5774 5 років тому +3

    Si alguien, necesita concatenar campos, se puede utilizar render
    {"data":"nombreBodega"},
    {"data":"codigoTarima"},
    {"render":
    function ( data, type, row ) {
    return (row.contenedor + '-' + row.noCaja);
    }
    },

  • @matiassande9669
    @matiassande9669 7 років тому

    Hola amigaso! Muy bueno tu video! Queria preguntarte como hacer el datatable RESPONSIVE? Saludos desde ARG

  • @danielgarcia-vz2fq
    @danielgarcia-vz2fq 6 років тому

    gracias mi hermano me salvaste el proyecto

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Gracias por comentar, compañero. 😃

    • @danielgarcia-vz2fq
      @danielgarcia-vz2fq 6 років тому

      amigo cuando quiero coger el nombre para que aparezca en mi tabla y que no aparezca el id :/ como hago ayuda (Y)

  • @jhonatanhurtadobarbosa5118
    @jhonatanhurtadobarbosa5118 5 років тому

    Buen video colega

  • @milerjaramillo
    @milerjaramillo 7 років тому +1

    Gracias en serio... mereces el like, compartir y suscribir xD

  • @AvElOoOo
    @AvElOoOo 8 років тому +1

    buena brother esta muy explicado gracias

  • @josearevalo3867
    @josearevalo3867 5 років тому

    Gracias por tu video, me sirve mucho. Tengo una duda, yo ya tengo un archivo JSON pero en lugar de "data" comienza con "items", como hago el cambio en la función ready() en vez de poner "data": "nombre" , pueda poner "items":"nombre". (sin utilizar el archivo .php). Gracias.

    • @CodigoWolf
      @CodigoWolf  5 років тому

      Puedes usar la propiedad dataSrc. Ejemplo:
      ajax: {
      url: "/fuente_datos/",
      dataSrc: "items"
      },

  • @moisesit8
    @moisesit8 5 років тому +1

    Hola estoy aprendiendo con pdo y no utilizo mysqli_fetch_assoc funcionaria igual que si usaria fetchAll(PDO::FETCH_ASSOC)
    porque quiero meter el data en el arreglo y no lo logro.. :(
    Por otra parte muy buen video.

  • @ANGELMORENO-vc8sw
    @ANGELMORENO-vc8sw 7 років тому

    Amigo..el filtro, la páginación, y la búsqueda funcionan ya como parte de la llamada atraves del ajax o les diste el funcionamiento por separado.

    • @CodigoWolf
      @CodigoWolf  7 років тому

      DataTables, ya incluye esas funcionalidades, pero también las puedes hacer por separado. 😁

  • @albertoluisrinconbarajas9282
    @albertoluisrinconbarajas9282 8 років тому +1

    Muy bien vídeo... me ayudó mucho :)

  • @wesleyreis9361
    @wesleyreis9361 7 років тому +1

    Gracias! Muy buen video!!

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Gracias Hermano. 😃👍

  • @sergiocunduri1208
    @sergiocunduri1208 7 років тому

    Amigo muy buen video, me ayudo mucho; espero me puedas ayudar pasa que: quiero mostrar varios data en una columna de la tabla y solo me muestra el ultimo data dentro de la cadena {"data":"apellido1","data":"apellido2"}, como hago... ayuda pliss...

  • @sebastianserrano6992
    @sebastianserrano6992 5 років тому +1

    Gracias (y)

  • @iscjoseurielguerratrinidad25
    @iscjoseurielguerratrinidad25 2 роки тому

    excelente

  • @rodrigoramos6479
    @rodrigoramos6479 7 років тому

    Amigo gracias por estos videos que son muy buenos, una consulta por favor, soy nuevo en esta clase de programación pero queria saber como puedo mostrar los valores de una tabla que tengo en mi base de datos dentro de un select que está relacionado con otra tabla, no se cómo recuperar o mostrar el dato de ese select.
    Me explico mejor, tengo dos tablas:
    USUARIO: PAIS:
    idusuario idpais
    nombre nombre_pais
    apellido
    direccion
    idpais

  • @pipebejarano
    @pipebejarano 8 років тому

    Muchas gracias por tus videos son muy buenos, tengo una pregunta si tengo 500.000 registros voy a tener algún problema en la carga me refiero a si sera lenta ?

    • @CodigoWolf
      @CodigoWolf  8 років тому

      Puede que si, de hecho si los vas a mandar de golpe, pero al momento de mostrar los datos, podrías enviar parámetros, donde hagas una consulta muy específica. Revisa la documentación.
      datatables.net/forums/discussion/21940/how-to-pass-new-post-parameters-on-ajax-reload

  • @javierv5265
    @javierv5265 7 років тому +1

    Genial!!!!!! muy buenos tus videos

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Dale gracias, hermano. 😀

  • @daxterneitor3000
    @daxterneitor3000 4 роки тому

    Disculpa no tienes este curso con bootstrap 4 o como lo hago para solo utilizar la session de json y que me muestre los datos

  • @albertocorona1815
    @albertocorona1815 6 років тому

    Disculpa y en el filtro de busqueda si quisiera que me buscara por id excanto y aparte por coincidencias del nombre?

  • @luisparedes3947
    @luisparedes3947 7 років тому +1

    Muy buen video!!.. gracias!!

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Dale, gracias hermano. 😎
      Échale un ojo a la serie completa. 😁

  • @jnt2804
    @jnt2804 6 років тому

    muchas gracias por el tutorial, me funcionó

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Gracias por ver el vídeo, compañero. 😀

  • @jes4346
    @jes4346 3 роки тому

    disculpa como creaste el mostrar filas? ayuda :c

  • @Gabomata79
    @Gabomata79 6 років тому

    Gracias hermano! buen codigo queria saber si me puedes dar luces para editar y modificar los resultados del datatable? vi que el codigo tiene algunas cosas pero necesito luces para activarlo podras ayudarme?

  • @fredygamez
    @fredygamez 8 років тому +1

    Tienes ejemplos usando TableTop junto con DataTables (github.com/jsoma/tabletop) para leer origen desde Google Spreadsheet?. Gracias y que buena explicación de tu video.

  • @THEjuanpuroshow
    @THEjuanpuroshow 7 років тому +1

    gracias amigo, super útil !!

  • @davidsalinas4778
    @davidsalinas4778 6 років тому +1

    thx bro se agradece enormemente

    • @CodigoWolf
      @CodigoWolf  6 років тому

      Gracias por comentar, compañero. 😃👍

  • @jorgeluisricraalcantara809
    @jorgeluisricraalcantara809 7 років тому

    super genial wolf

  • @sebastianmedina5106
    @sebastianmedina5106 7 років тому

    Muchas Gracias! buen tutorial !!!

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Dale, gracias por comentar. 😎👍

  • @denisalvarezuseda1270
    @denisalvarezuseda1270 7 років тому +1

    Excelente explicación

  • @jhomarferro
    @jhomarferro 8 років тому +1

    buenos tus videos pero deberías empezar a usar PDO para la conexión de bases de datos

    • @CodigoWolf
      @CodigoWolf  8 років тому +1

      Hola hermano, si, tienes razón, pero aquí, en lo que más me centro, es en como trabajar con DataTable.
      Claro, que PDO, es mucho mejor con respecto a seguridad.

  • @francoralf
    @francoralf 5 років тому

    Buenas noches, me gustaría saber si existe un método para colocar el numero y el nombre de las columnas diatónicamente...

  • @expresstutorial3255
    @expresstutorial3255 6 років тому

    Oye estoy usando dataTables con ajax y php asi como tu, pero hago para mostrar el resultado de la suma de una columna?

  • @Mocka-yf4ez
    @Mocka-yf4ez 4 роки тому

    tome su like muchacho!!

  • @jumartos
    @jumartos 7 років тому

    hola wolf:
    Te escribo por lo siguiente: manejo mas de 200mil registros y aun que use ajax el cargue es muy lento, como funcionaria datatable con una consulta limitada por numero de registros?
    y muchas gracias por tu material es espectacular.

    • @CodigoWolf
      @CodigoWolf  7 років тому

      De hecho que tendrías que parametrizar tus consultas, porque recibir 200 mil registros de lleno, si que te va a ir lento.
      A ver, puedes usar la misma sintaxis, de *AJAX* , es decir sus propiedades, para poder enviar parámetros y luego recibirlos en tu *archivo.php* , si no tienes noción sobre ajax, revisa mis vídeos, tengo dos vídeos sobre ello. 😃

  • @carmonarya
    @carmonarya 6 років тому

    disculpa como se puede mandar una variable hacia el archivo listar, para filtrar una consulta

  • @eduardoj.salcedohernandez4031
    @eduardoj.salcedohernandez4031 5 років тому

    consulta en algunos casos no me funcionan los inner join con los datatable ,soy nuevo en esto. saludos

  • @thepyra
    @thepyra 7 років тому

    Con este modo usando ajax hace la consulta por página para reducir el tiempo de consulta?

    • @CodigoWolf
      @CodigoWolf  7 років тому

      No, para ello, tendrías que averiguar sobre: *Server-side processing* , es casi parecido, pero tendrías que hacer algunas cosas más en el lado del servidor *( PHP )* . 😃
      ➡️ Enlace: [ datatables.net/manual/server-side ]

  • @matiasroppel6899
    @matiasroppel6899 7 років тому

    Hola tendras un tutorial de como cambiar la vista de los resultados, o sea un boton que muestre en lista y otro que muestre en mosaico.

    • @CodigoWolf
      @CodigoWolf  7 років тому

      No hermano, creo que para eso ya tienes que trabajar en CSS. 🙂

  • @loguyrodrigueztorres9142
    @loguyrodrigueztorres9142 5 років тому

    Amigo una consulta supongamos que tengo un campo estatus y en la bd guardo 1 y 0 como hago para que me muestra activo o inactivo dependiendo el numero.
    function listar_sucursal(buscar){
    var table = $("#tabla_sucursal").DataTable({
    "responsive":true,
    "searching":false,
    "bLengthChange":false,
    "ordering":false,
    "pageLength":5,
    "destroy":true,
    "select":true,
    "ajax":{
    "method":"POST",
    "url":"../controlador/sucursal/controlador_surcursal_listar.php",
    data:{
    buscar:buscar
    }
    },
    "columns":[
    {"data":"sucursal_nombre"},
    {"data":"sucursal_direccion"},
    {"data":"sucursal_correo"},
    {"data":"sucursal_estatus"},
    {"defaultContent":"MODIFICAR"}
    ],
    "language":idioma_espanol
    });
    obtener_dato_editar_sucursal("#tabla_sucursal tbody",table);
    }

  • @danielpena1098
    @danielpena1098 6 років тому

    cual es la parte de toda la serie en donde se guardan los datos???

  • @Elsad08
    @Elsad08 7 років тому

    Buenas, magnifico trabajo, me encanta el diseño. Pero tengo un problema, solo me aparece la linea 1 de la base de datos ósea el primer id de 1800 k tiene, e revisado varias veces pero no doy con el fallo, creo que lo tengo igual

    • @Elsad08
      @Elsad08 7 років тому

      creo que era porque no tenia la columna de estado creada, ya la tengo puesta y con el valor 1, pero ahora no aparece nada en listar.php, sale en blanco.
      te pongo el código, si pudieras echar una mano porfavor:

  • @JoseCarlosGamboa-bu7er
    @JoseCarlosGamboa-bu7er 6 років тому

    Me funciono perfect.

  • @QuanLe-jq8oc
    @QuanLe-jq8oc 8 років тому +1

    Great!!!

  • @JosmerD
    @JosmerD 7 років тому

    Disculpa amigo tengo una pregunta como guardo los registro de la tabla en base de datos te explico estoy usando datatables e inserto ciertos registros de forma manual por asi decirlo lleno los datos en los input y luego con un boton los inserto en la tabla sin guardar nada en base de datos al terminar de llenar mi formulario quiero enviar toda esa data por post e insertar en la base de datos. Abra una forma por json de recorrer las filas de la tabla listarlo y luego recorrer ese listado con un for e insertarlo en base de datos no se si me sigues espero pronta respuesta saludos

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Te diré lo que se me ocurre ahora. (Asumo que tu función *agregar* esta perfecta)
      01. Obtener toda la data de la tabla, luego almancenar solo los datos que necesites en un arreglo de objetos ( todo esto debe ir en una función *obtenerData*, incluso una vez que ya tiene el arreglo con los valores puede convertirlo a *JSON* y retornarlo ).
      02. Crear una función *enviarData*, dentro de ella, poner la función *obtenerData*, la almacena dentro de una variable, para posteriormente esta ser pasada como parámetro por *AJAX*.
      03. En su archivo "registrar.php*, va a obtener la cadena json (arreglo), mediante el parámetro que digitó en la función *AJAX*, esto, también lo tendrá que almacenar dentro de una variable, luego verifica que data esta obteniendo ( ya sea con var_dump o print_r).
      04. Por último tiene que decodificar la cadena json, luego recorrer el arreglo y lo demás, pues es poner dentro del bucle su consulta SQL.
      Esa es mi idea, espero que la puedra concretar, también mire la documentación de DataTables.
      En todo caso, se comunica conmigo por FB, diciendome que tal le fue. 😁

  • @javieralexisromano8786
    @javieralexisromano8786 5 років тому

    Para hacer un inner join bro? puedo utilizar el "data" de igual manera?

    • @CodigoWolf
      @CodigoWolf  5 років тому

      claro, compañero. 😁

    • @javieralexisromano8786
      @javieralexisromano8786 5 років тому

      @@CodigoWolf Otra duda bro, trato de separarlo en mvc, usando poo, ¿como anexo el metodo al script de datatables? por ahora usa "url: listar.php", como pongo directamente el metodo 'GETALL' que he creado

    • @javieralexisromano8786
      @javieralexisromano8786 5 років тому

      bro me podrias ayudar? pase todo a mvc, pero al momento de pedir en el ajax la url no me redirecciona al metodo o eso creo.

    • @javieralexisromano8786
      @javieralexisromano8786 5 років тому

      @@CodigoWolf ya pude hacerlo bro, pero a medias, no entiendo demasiado el ajax pero lo que hice fue que una funcion listar me cree el json en una carpeta la cual se anexa con dicho metodo ajax, relacionando las columnas con las tblas del json.

  • @keane080489
    @keane080489 7 років тому +2

    Fijate que ejecute el codigo hasta el momento en listar.php pero por alguna razón extraña no me imprime nada en texto crudo, solo me muestra la pagina en blanco se me hace extraño porque no me indica ningún error.

    • @CodigoWolf
      @CodigoWolf  7 років тому +1

      Para los que tienen el mismo problema que no les muestra dicha *"data"* , es porque hay un conflicto con los *caracteres especiales o raros* (tildes), la recomendación también la doy en el vídeo y es que usen *"array_map"* . Con aquella función solucionan dicho fallo. 😎👍

  • @derianmarchan3414
    @derianmarchan3414 6 років тому

    brother como puedo concatenar el nombre de las imágenes traídas desde la base de datos con la ruta donde las tengo almacenadas en mi sitio para que en vez del nombre salga la foto en el datatable probé así:
    {"defaultContent": ""}, pero no me sale. Te agradezco que puedas ayudarme

  • @HVALENCIA3
    @HVALENCIA3 8 років тому +1

    hola amigo gracias por el video
    pero tengo una duda tengo datos con errores de json como hago para que me poblen la tabla

    • @CodigoWolf
      @CodigoWolf  8 років тому

      ¿Estás siguiendo el mismo ejemplo o es uno por tu cuenta?
      Si quieres, puedes envíame una imagen de tus errores a la página de FB. :)

  • @thesupremebelphegor1
    @thesupremebelphegor1 8 років тому +1

    Tengo un problema, a mi no me muestra nada cuando llamo la funcion listar y ya cheque la sintaxis y esta bien, solo me muestra la pura tabla sin registros

  • @juandesndr
    @juandesndr 4 роки тому +1

    puedo obtener los datos a través del json pero no puedo cargarlos en la tabla... Me aparece vacía, sin los botones de paginación, barra de búsqueda y etc.

  • @lishmoalilmodulelamed5128
    @lishmoalilmodulelamed5128 7 років тому

    Felicidades por el video. Muy clarito. Mi problema es que una vez que incluyo
    var table =$("#dt_cliente").DataTable({
    "ajax":{
    "method":"POST",
    "url":"listar.php"
    }
    "columns":[
    {"data":"name"},
    {"data":"acronym"},
    {"data":"history"}
    ]
    esta parte del código, no me muestra nada. ni las funcionalidades de DataTable

  • @Zceiko
    @Zceiko 4 роки тому

    Con una consulta, la tabla no es responsive, cierto? :c

  • @rafaelmakiyama2974
    @rafaelmakiyama2974 5 років тому

    No código que colocou para download, não está completo, poderia atualizar, por favor?

  • @ger.alvarez
    @ger.alvarez 8 років тому

    Muy bueno el video pero tengo un error, al parecer el parametro "utf8_encode" no está sirviendo, tengo un campo llamado contraseña y mira lo que sale:
    {"contrase\u00f1a":"123456"}
    ¿que me recomiendas?

    • @CodigoWolf
      @CodigoWolf  8 років тому +1

      La solución es simple, solo modifica el nombre del campo "contraseña" de tu tabla, por "contrasena", sin utilizar la *"ñ"*.

  • @alejandrocardenas6573
    @alejandrocardenas6573 7 років тому +1

    la funcion listar() que pusiste en el script de donde proviene no entiendo

    • @MrHitsGame
      @MrHitsGame 5 років тому

      eso es por que a la variable listar le dio el valor de function, entonces tiene que inicializar listar(); para que inicie la funcion.

  • @eliseoortega116
    @eliseoortega116 7 років тому

    como uedo listar no en tabla sini en un

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Si usas Datatables, de hecho que tienes que seguir esas normas, el uso de un table y lo importante un identificador.

  • @JapanScript
    @JapanScript 8 років тому

    Tengo una consulta, hay alguna manera de configurar el ajax para poder enviar datos al servidor y de acuerdo a eso recibir la data? Es que tengo una arquitectura proxy, un solo archivo q maneja todas las solicitudes al servidor y necesiton enviar via POST una variable 'action' con un valor tipo 'ListarTodos' este $_POST['action'] le dice al servidor qué método debe ejecutar y con eso ya me devuelve los datos en formato json, intenté muchas horas no logro q funcione, logré enviar datos al servidor pero no envía dentro del $_POST, o al menos eso me muestra el firebug

    • @CodigoWolf
      @CodigoWolf  8 років тому

      Aquí, te dejo un enlace a la documentación, y puedes ver algunos ejemplos de como enviar parámetros.
      datatables.net/forums/discussion/21940/how-to-pass-new-post-parameters-on-ajax-reload

  • @buhoconsulting8551
    @buhoconsulting8551 7 років тому

    Hola como aplico el datable si la tabla la he creado en el success de una funcion ajax ?

    • @CodigoWolf
      @CodigoWolf  7 років тому

      Esa es otra manera de mostrar datos en una tabla, pero si deseas hacerlo con *DataTables* , es conforme se muestra aquí en éste vídeo. Así que, tienes que elegir de que manera lo harás.

  • @Psycriss1
    @Psycriss1 7 років тому

    (Y) Buenisimo