Extraer datos por Ajax con jQuery en PHP - Agregar Productos Parte 2 - 42

[@bernardovelasquezm9919]

Ya me funcionó sin modificar nada de lo que Abel explica. Todo funciona correcto. Lo único que hay que tener en cuenta es que hay que iniciar session tanto en ajax.php como en header.php porque ambos programas trabajan con las variables de session. Abel no inicializa en el header.php y casi no caigo en cuenta de ello, buscando el error por muchos lados que estaban todo ok

[@antoniopicca2735]

Saludos a todos, en especial a mi amigo Abel, excelente persona muy educada, te congratulo muy cordialmente, estoy comenzando con este curso. Dios los Bendiga

[@luiszapata563]

Hola Abel, tuve problemas para que me mostrara la información en la consola, pero lo solucioné instalando el plugins de JavaScript Completions con el install Package de Sublime Text y ahi mismo me mostró la información en la consola. Este dato le puede servir a otros compañeros, así que por eso le publico. Gracias por los videos y un abrazo enorme desde Colombia.

[@AbelOS]

Es un gusto colega, gracias por el aporte saludos hasta Colombia desde Guatemala :)

[@lljakersll2281]

oyee bro sera que me puedes explicar cual plugins es el que se descarga

[@RMLeidy]

Bueno en vista d la cantidad de comentarios por un error común en todos, esto lo dejo por si alguien en el futuro llega a ver este curso y se topa con este error.. en base en mi experiencia cometí dos errores que no me dejaba visualizar el nombre del producto en el modal: en el archivo functions.js en el siguiente tramo de código: $('#producto_id').val(info.codproducto); $('.nameProducto').html(info.descripcion);

[@walterramos6641]

Hola, tuve el problema que todos, no pasaba el JSON a objeto. Siguiendo los consejos de los comentarios de abajo, no se porque pasa porque al final se escribe la linea de la misma forma que en el video. Escribí var info = JSON.parse(JSON.stringify(response)); luego borré JSON.stringify y me quedo así var info = JSON.parse(response); y así funcionó.

[@AditBeat]

Gracias por el video, estoy aprendiendo. y esta super util !. saludos!!.

[@AbelOS]

Es un gusto AditBeat, gracias por seguir los vídeos, saludos!

[@oscarisraelsanchez3601]

Muy buen video y muy bien explicado!!! Felicitaciones

[@AbelOS]

Gracias Oscar, es un gusto, saludos!

[@andresatehortuahincapie3997]

Hola Abel, muchas gracias por el aporte.

[@romuloalves9349]

Ótima vídeo aula como sempre.

[@visualwebsperu]

Hola Abel te agradezco por tus videos por tu paciencia y tu forma de enseñar con buena onda. Hasta aquí he seguido paso a paso tus videos y aunque surgieron algunos errores e inconvenientes he sabido corregir pero no pasa lo mismo con esta parte ya que tengo el problema con el ajax que no se muestra el nombre del producto en el modal. No quiero tirar la toalla como se dice aca tb en Perú, ya que quiero seguir con el curso de la tienda virtual!!! ojala halle una solución. Mil Gracias

[@AbelOS]

Que tal colega, gracias por seguir el curso y mucho ánimo, respecto al error que tienes en la consola al extraer los datos verifica en la respuesta del ajax si realmente esta extrayendo el nombre de ser así verifica si está siendo asignado correctamente en el modal.

[@visualwebsperu]

@@AbelOS gracias Abel mira este es el enlace de la captura del error que me sale. disculpame por el tiempo que te pueda quitar atendiendo mi consulta. Una vez m{as gracias. ibb.co/2jj1c0J y este es el codigo donde se muestra la línea 53 del archivo functions.js ibb.co/Rz1pyDr

[@yessicayoselinbenitezsolis7033]

@@visualwebsperu Hola, yo tenia el mismo problema y en el archivo de functions.js escribi el siguiente codigo var info = JSON.parse(JSON.stringify(response)); espero resuelvas tu problema pronto!

[@nestorfernandosuarezcardoz1046]

Perfecto hasta este punto profe, me estaba causando problemas esta parte pues no me funcionaba, despues de mucho observar me di cuenta que estaba cometiendo un error de sintaxis, estaba escribiendo "sucess" y se arregló cuando lo escribí de la manera correcta como usted muestra.

[@emmanuelmonteros8274]

Me re sirvió, excelente.

[@AbelOS]

Que tal colega, me alegro que te haya servido, saludos!

[@JOLUMO666]

Me puedes ayudar con el error de JSON.parse(responsive); hay muchos que tenemos ese error

[@angelocastillo8465]

Saludos y muy buenos tus videos. Al inspeccionar elemento el ajax no se ejecuta, en vez de eso lo hace el index. Tampoco me aparece el "$" de color blanco tal cual se muestra en el video. Se deberá a eso? Espero me puedas ayudar.

[@MiguelRamirez-os1ir]

Hola buenas, abel.. estoy tratando de hacer una vista previa de la imagen para que se vea mas grande a la hora de hacer click, se abre un modal con la vista previa de la foto y ya me extrae por medio de ajax los datos del codigo del producto, la descripcion, y el nombre de la foto... ahora lo que quiero es afectar el atributo SRC, para asi colocar el nombre de la foto... pero no logro hacerlo ya que no se como ingresar lo que traigo en el objeto con el nombre de la foto... aparte de eso hay que agregarle el img/uploaps/

[@danielfuertes5126]

Como decimos en Colombia " parcero" muchas gracias

[@AbelOS]

De nada Daniel Fuentes, saludos hasta Colombia =0)

[@humansoftware1214]

es mierda

[@michaelmolina5304]

excelente video ,sige asi

[@CIBERYIDOS]

hola quisiera saber que plunguis utilisa para la completacion de etiquetas en php y js

[@VallejosAlvarado]

Buenas tardes, podrías decirme que extensión utilizas para el ajax, gracias

[@maxprolink]

hola.. gracias por el video... quisiera saber si me puedes ayudar... guiandone como obtener la data desde el datarable y tenerla disponible desde cualquier otra pagina... como si fuera una variable de session

[@produccionvagas]

Disculpa, una super duda. Verás, estoy atrapado en el minuto 17:01 y tengo todo como tu tienes el código y sin embargo no me sale la descripción del producto en el formulario del header.php. He estado evaluando el posible error, solo lo que encuentro es que en la línea 61 JSON me sale del mismo color que parse....¿será ese el problema? ¿O porque no habría de salir la descripción del producto cuando tengo todo como tu lo tienes?

[@richardrc6415]

Hola Abel muchas gracias por los videos.... ya superé el inconveniente de insertar productos y que funcione el triggers... ahora tengo el inconveniente para visualizar el modal para agregar productos... he hecho conforme el video pero le doy click en el link agregar y no levanta nada... observo que no obtiene el ID, pero cuando lo veo al inspeccionar si se ve el Id... creo que mi jquery o scripts no esta trabajando bien... si puedes ayudarme a solucionarlo... y continuar hasta el final. Por otro lado alguien del grupo puede sugerir como colocar una imagen en el escritorio de la pagina principal... es decir... donde dice "Bienvenido al Sistema"... muchas gracias por anticipado.... gracias

[@mairaalejandragutierrezdie8921]

Hola que tal, están excelentes tus videos y de muchisima ayuda, tengo un inconveniente con el ajax no se me activa. ya revise el codigo pero sigue inactivo. para ser mas explicita me sale $ rosada y no blanca, no es por sintaxis que podría estar pasando, muchas gracias. si me puedes ayudar!

[@humansoftware1214]

k fue lo solucionaste?

[@gr167]

@@humansoftware1214 Lo pudiste solucionar?

[@humansoftware1214]

@@gr167 Claro amigo

[@gr167]

@@humansoftware1214 Me podrías ayudar?

[@humansoftware1214]

@@gr167 Claro en que parte

[@0.alejandrolunahernandez367]

Buenas tardes, tendrás una liga para descargar los estilos CSS que estas manejando?, Excelente vídeo

[@alexandertorres9961]

Muchas gracias por tus videos, quiero preguntarte, ¿cómo agregamos más datos a la función "info.propiedad" en la linea 60 de functions.js? para que muestre más datos en el modal, ya traje los valores en el archivo ajax.php, pero no sé cómo mostrarlos en functions.js. Gracias.

[@AbelOS]

Para agregar más datos en el query debes extraer los que necesitas y luego en javascript debes colocarlos de a cuerdo a la cantidad de datos que se necesita mostrar, similar a lo que se hizo en el vídeo, saludos.

[@antoniopicca2735]

Disculpa que informe de nuevo pero en cuanto al parse que esta escrito en el video es correcto, a mi solo me generaba un error de sintaxis, dure dos días para encontrarlo. utilicen la Herramientas para desarrolladores para poder solventar el error. saludos

[@gotardosulcagutierrrez205]

Ya me salioooooo yeeeeeee

[@visualwebsperu]

hola amigo como lo solucionaste si se puede saber

[@gotardosulcagutierrrez205]

hola amigo saludos, en function.js me equivoque con un orror ortográfico, suerte sigue vamos tu puedes

[@vargas97alvarado]

Quisiera una forma de llamar el procedimiento de almacenado mas sencillo, si se puede? Para no meterme mucho con jquery si no hacerlo directo con php

[@jhfreddyromdel7119]

Saludos para todos... Listo amigo Abel OS... Gracias por su atención y colaboración... Ya logré resolver el problema; analizando la situación veo esto se presenta por muchas razones, ya que varios de los compañeros lograron resolverlo de direrentes formas, algunos actualizando la librería jquery, otros por el contrario se fueron a una versión anterior, otros en el scripts lo posicionaron bien el archivo "jquery" de primero, antes que el "functions", que así es como debe de estar creo que para todos y algotros de una u otra forma lograron solucionarlo... Esperando que ya todos hayan superado el problema, pero de pronto a alguno de los compañeros actuales o de los venideros les pueda sirvir de algo; les comento el motivo por el cual no me funcionaba la conversion del archivo "JSON" a objetos: El problema lo encontré en el archivo de conexión a la base de datos de nombre "conexion.php"; resulta que en ese archivo le tenia una conexion secundaria que era con PDO, pero estaba comentariada con los signos (); pero el problema no eran los datos que estaban comentariados, el problema eran signos, osea estos , por que le hice varios ensayos, para averiguar bien, hasta que los dejé a los signos anteriores solitos y fui a revisar y nada, seguía con el mismo error, y los quitaba y el archivo "JSON" se convertía a objeto. Cabe aclarar que los signos anteriores estaban fuera de los signos de php que contienen la conexion o sea fuera de estos " ", y afuera de aquellos no funciona colocando ningún caracter raro; al menos eso logré percatar... Ahora continuaré hasta el final, espero no tener muchos inconvenientes... Conclusiones: Analizar bién que el archivo de conexión con la base de datos no contenga ningún caracter raro sobrando.

[@AbelOS]

Que tal colega, gracias por el tip me alegro que hayas encontrado el inconveniente y mas aún no tirar la toalla como decimos en Guatemala, sino mas bien tener la iniciativa de analizar cada proceso hasta dar con el error, ya que en el ámbito de desarrollo es fundamental el análisis y debug para solucionar errores, ánimo sigue adelante, saludos.

[@antoniodaw1]

Saludos amigos, para los que tengais el problema SyntaxError: JSON.parse: unexpected character at line 15 column 1 of the JSON data yo lo he arreglado quitando del archivo conexion.php las líneas a partir de if...

[@melissallanos3184]

tengo problemas en el ajax no se me pone esto en color azul

[@cuate2080]

Alguien sabe porque me sale esto en la consola del navegador SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

[@AbelOS]

Puede que sea por la versión de jquery o el ajax no está retornando información en formato JSON, podrías ver este tutorial donde se dan algunos tips kzbin.info/www/bejne/h4mYhqZ_oqqXjas

[@cuate2080]

@@AbelOS Gracias ya ví que el error estaba en el archivo conexión.php Solo tuve que borrar el else{ echo "Conexión exitosa"; } Al parecer la palabra conexión exitosa juntaba con el json y hacia que no se pudiera convertir en un objeto

[@eduardoq8089]

Si alguien pudo solucionar el error q genera al convertir de JSON a objeto por favor avisar. Gracias de antemano

[@antoniopicca2735]

Hola, agregues const info =JSON.parse(JSON.stringify(response)) y listo

[@jhfreddyromdel7119]

Gracias amigo Abel OS por su intención de colaborar, pero creo que tengo la mas reciente libreria que es la: /*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */; Creo que va a tocar es de rebajarle a la versión, o sea otra mas antigua, pero ya he ensayado con la que dicen los compañeros (v1.11.2), pero tampoco funciona...

[@AbelOS]

Que tal colega, es extraño ya que actualmente en el vídeo kzbin.info/www/bejne/h4mYhqZ_oqqXjas utilice la versión mas reciente de jQuery y no hubo problema, podrías verificar quizá es problema de algún otro script o libraría que tengas cargado.

[@RyuLoquendo98]

Buen día, una pregunta, primero que nada, me ha funcionado el código del function y ajax y usé el modal de bootstrap, todo ha ido bien, mi problema está, de que no me devuelve los datos mientras tiene saltos de líneas (como los ingresé con un textarea) y me sale el siguiente error: Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse () at Object.success (functions.js:22) at i (jquery-3.1.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.1.1.min.js:2) at A (jquery-3.1.1.min.js:4) at XMLHttpRequest. (jquery-3.1.1.min.js:4) Mi pregunta es: ¿Hay alguna manera de que me devuelva los datos con saltos de línea sin que me salga error? Le deseo un buen día.

[@humansoftware1214]

lo arreglaste?

[@yessicayoselinbenitezsolis7033]

Hola, en el archivo de functions.js yo puse este codigo var info = JSON.parse(JSON.stringify(response)); espero te sirva!

[@natsoftp]

Al darle CLIC en agregar, me sale este error con el codigo ingresado del video: SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data

[@eduardoq8089]

Encontraste la solución?

[@cuate2080]

Lo arreglaste?

[@diegofernandoandaluzespino2376]

Estimado Abel, quiero hacer autocompletado de ajax como lo haces en el video pero no puedo, estoy utilizando VsCode, de pronto conoces la extencion que me ayude en esto? Gracias

[@AbelOS]

Debes buscar un plugin para VsCode

[@filipcrk]

alguien sabe porque ya no me deja hacer ninguna acción? solo me da hacer la accion de salir e ingresar pero ya las demas no :(

[@eduardoq8089]

Señores buen día. Creo q encontré la solución del problema q genera convertir el JSON en Objeto. 1ero. Hay q usar -> jquery.1.11.2.min.js agregar en scripts arriba del functions 2do. En el archivo functions a la hora de pasear puse así, -> info = JSON.parse(JSON.stringify(response)); Probé y me salieron dos resultados iguales sin mostrarme objeto, luego borre la parte de JSON.stringify y deje como explica en este vídeo y funcionó No estoy seguro si era solo la versión del jQuery o si tmb había q convertir a string el parse como una especie de activación, digo q no estoy seguro porq hice varias pruebas y cuando lo dejé y luego volví funcionó 🤷 si alguien lo puede explicar mejor se lo agradecería. Saludos!

[@MiguelRamirez-os1ir]

Amigoo me puedes ayudar? no he podido seguir

[@JulianJbGames]

Me ha funcionado lo de cambiar la variable info, pero luego no me muestra el nombre del producto en el modal

[@eliseopumapillohurtado4821]

Ayuda!!!!! profavor en convertir JSON en objeto he puestos las dos recomedaciones y nada que sera??? var info = JSON.parse(JSON.stringify(response)); var info = JSON.stringify((response));No puedo avanzar!!!!! Tengo Jquery v3.4.1 y cambie a Jquery v1.11.2 y vicerversa y nada .

[@JulianJbGames]

conseguiste solucionarlo?

[@eliseopumapillohurtado4821]

@@JulianJbGamesHola no nada amigo ahi me he quedado.hASTA AHORA SIGO CON ESE CLAVO. y TU LO SOLUCIONASTES. PARA QUE ME AYUDES.

[@EdwinJPO]

Prueba asi $('#producto_id').val(info[0].codproducto); $('.nameProducto').html(info[0].descripcion);

[@jhfreddyromdel7119]

Saludos... Alguien ya pudo convertir a objeto el JSON?... help me... no encuentro solución al var info= JSON.parse(response); Si me devuelve un JSON, así: {"codproducto":"11","descripcion":"varilla soldadura de plata"} functions.js:61:25 debajo aparece este error, no los convierte a objeto... SyntaxError: JSON.parse: unexpected character at line 15 column 1 of the JSON data

[@AbelOS]

Que tal colega, quiza la versión de jquery es la que te esta dando problema, actualiza a la versión actual Librería jQuery developers.google.com/speed/libraries También podes implementarlo de esta manera $.parseJSON(response)

[@erleguevara4607]

@@AbelOS que versión usa en el vídeo por que la mas actual no me sirvió

[@arispeapalsa9926]

AYUDA me aparece esto en el ajax.php y no me muestra la decripcion del producto ======> Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, boolean given in C:\xampp\htdocs\facturacion\sistema\ajax.php on line 18 error =======> no se en que afecta las nuevas versiones del jquery - el mio es: jQuery v3.5.1

[@lacayoramirez7840]

pudiste resolverlo tengo mismo problema.

[@erimanoso7057]

También me salió ese problema tenía mal escrita la variable, me hacía falta escribir el $ en el query para la variable producto_id del archivo ajax.php

[@piki_marquitos]

@@erimanoso7057 graciaaaas

[@EdgarValle18]

no me muestra el if del POST y esta bien donde podemos contactar

[@AbelOS]

Que tal Edgar, verifica si en la consola te da algún error, ya que si no funciona algo a se estar mal y en la consola del navegador podes verificar en donde está el problema, saludos.

[@carlosgrandez9493]

Ayuda con este error: function.js Warning: json_decode() expects parameter 1 to be string, array given in C:\xampp\htdocs\facturacion\sistema\ajax.php on line 20 y este otro: style.css: localhost:8080/facturacion/sistema/images/arrow_bottom.png style.css:1 GET localhost:8080/facturacion/sistema/images/arrow_bottom.png 404 (Not Found)

[@carlosgrandez9493]

Encontre el primer error: sucede que en ves de escrbir "json_encode" puse "json_decode".

[@rodrigocantorvasquez3201]

ayuda porfavor porque en archivo ajax.php " Notice: Undefined index: produto in D:\DESCARGAS\INSTALADOSSSSSSSSSSS\xamp\htdocs\Proyecyo_Linea-profundizacion-2\HTML\ajax.php on line 12 " dice que no tengo definido producto en la linea 12 ayuda porfavor

[@AbelOS]

Bueno revisa si realmente es produto o producto y podrías hacer un echo a dicha variable para ver que valor lleva.

[@rcde17]

Y si quiero ver la imagen en el modal ? :c

[@tuservermututoriales3071]

alguien podria pasarme el ajax y funtion , no puedo terminar esa parte gracias

[@inversb1195]

Alguien logro solucionar ? tengo el mismo problema. JSON.parse: unexpected end of data at line 1 column 1 of the JSON data

[@AbelOS]

Que tal Inver SB, antes de hacer parse al response verifica si realmente el ajax esta devolviendo un formato json, ya que si no es json no se puede parsear o convertir a objeto, para verificar debes hacer un print_r(response) y allí te mostrará si es un formato json el resultado.

[@eduardoq8089]

@@AbelOS podrías verificar de q trata el error por favor 🙌🙌🙌

[@yilsonalexismalambomadriga5376]

Esta buena la explicación pero no me deja convertir en objeto la respuesta

[@tipsparasoftwareyhardware2115]

Hola gracias por compartir tu conocimiento, de causualidad sabes porque me genera este error y no se logra ver la descripción del producto ?? drive.google.com/file/d/1cq0VU1GMSV9_59ibTSQuASgcY91FeSjP/view?usp=sharing

[@eduardoq8089]

Encontraste la solución?

[@jesuscorona7046]

Alguien que me ayude con este error el Json ya regresa los valores el problemas es cunado quiero pasarlo al modal en el inspeccionar no pasa el valor del Id

[@AbelOS]

Me parece que no estás accediendo a los valores del objeto, verifica bien si se están seteando al elemento correspondiente.

[@akilezre]

Tengo problemas con el JSON SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data Me pueden ayudar Gracias

[@AbelOS]

Que tal colega, bueno al parecer la respuesta que se obtiene no es en formato json ya que al realizar JOSON,parse no se ejecuta correctamente, hay varios aspectos que se deben tonar en cuenta y para ello te recomiendo que veas el siguiente vídeo donde doy unos tips para solucionar este inconveniente, saludos. kzbin.info/www/bejne/h4mYhqZ_oqqXjas

[@akilezre]

@@AbelOS Gracias colega ahora si me funciona

[@yessicayoselinbenitezsolis7033]

@@akilezre que hiciste para solucionarlo ?

[@akilezre]

@@yessicayoselinbenitezsolis7033 Utilice otra versión superior de JSON

[@yessicayoselinbenitezsolis7033]

@@akilezre gracias !

[@gilberthbenaventeprograman3212]

me sale icons.js:5 GET localhost/facturacion/sistema/images/arrow_bottom.png 404 (Not Found)

[@gotardosulcagutierrrez205]

amigo Abel saludo cordial, estoy tratando de extraer, pero tengo un error:Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse () at Object.success (functions.js:59) at c (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at l (jquery.min.js:2) at XMLHttpRequest. (jquery.min.js:2), gracias por tu sugerencia

[@teracon5952]

Hola Gotardo,tengo el mismo problema . pudiste solucionarlo?

[@gotardosulcagutierrrez205]

@@teracon5952 si amigo ya solucione el mío era error ortográfico en function.js

[@davidmch010]

Hola amigo, a dar clik me sale este error SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data Me ayudas?

[@MiguelRamirez-os1ir]

Pudiste resilver?

[@cuate2080]

@Wilson Miltos ya lo comenté y no funciona

[@eduardobanda8289]

También tuve el mismo error que casi todos var info = JSON.parse(response); Lo que hice fue agregarle a la carpeta "js" el archivo jquery.min y en el archivo scripts.php Y usar el navegador Google Chrome ya que yo usaba Microsoft edge y ahí no me funciona

[@AbelOS]

Gracias por el consejo, saludos colega!

[@JulianJbGames]

A mi sigue sin funcionarme, algun consejo?

[@melissallanos3184]

me arias un gran favor @Eduardo Banda me pasas tu archivo< jquery.min.js> por favor esque no lo encuentro

[@gabaguilar3077]

Muchas gracias, con eso se solucionó el problema, saludos desde Mx.

[@visualwebsperu]

Pero no entiendo lo que dices si el archivo jquery. min.js i ha estado alli todo el tiempo, dentro de la carpeta js/ no veo el cambio que haces

[@victorsandoval6145]

7:00 obtener accion

[@alexvargas6342]

TENGO PROBLEMA CON EL AJAX ESPECIFICAMENTE CON ESTO var info = JSON.parse(response); Y CON EL NOMBRE DEL PRODUCTO QUE APARECE EN EL MODAL ALGUIEN TIENE ALGUNA SOLUCION LO PUDE ARREGLAR UNA VEZ PERO SEGUI HACIENDO LOS PASOS DEL SIGUIENTE VIDEO Y ME VOLVIO A DAR PROBLEMA AL RATO

[@JOLUMO666]

Lo mismo me paso todo funcionaba bien luego dejo de funcionar

[@teracon5952]

Me ocurió igual. Hasta este video me pudo cargar el producto en el modal sin embargo, al momento de escribir el codigo del video siguiente empezó a fallar en el JSON.parse. Lo pudieron solucionar?