Actualizar datos con Ajax, jQuery y PHP - Agregar Productos Parte 4 - 44

[@jhfreddyromdel7119]

Saludos... Gracias amigo Abel OS, ya encontré el error; estaba en el archivo "function.js" en la concatenación entre el punto y la comilla de "celPrecio" y "celExistencia"; es que los tenía juntos y hay que colocarlos separados; los tenía así: +'.celPrecio' y los coloque ahora separandolos así: +' .celPrecio') y me funcionó... no se nota el cambio, pero la clave está en el espacio... De pronto a alguien le sirva la solución; ya que el problema de no actualizar automáticamente puede ser causado por muchos motivos... Gracias amigo Abel OS por su interés en colaborar y compartir su conocimiento...

[@AbelOS]

Que tal colega, me alegro que hayas solucionado el inconveniente y gracias por el tip, animo sigue adelante, saludos!

[@eduardobanda8289]

Gracias amigo, también me ayudó a que se actualizaran los valores en la tabla

[@jhfreddyromdel7119]

@@eduardobanda8289 de nada amigo, esa es la intención... Saludos...

[@rodrigocantorvasquez3201]

bro me salvaste con tu comertario... es curioso que hasta los espacios influyan en la ejecucion de programa..... gracias bro

[@jhfreddyromdel7119]

@@rodrigocantorvasquez3201 de nada amigo, es un gusto ayudar, solo cuando puedas haz lo mismo, por que vienen muchos atrás de nosotros... Saludos...

[@jhonwilliamayastasenmache1524]

Estimado Abel felicitarle por el curso, muy bien explicado gracias por tus enseñanzas me ayuda de mucho sige asi..saludos

[@AbelOS]

Me alegro que te sea de ayuda el curso, saludos colega y animo!

[@nestorfernandosuarezcardoz1046]

Funcionando hasta el momento, gracias profe por su enseñanza

[@gotardosulcagutierrrez205]

saludos, gracias abel OS, sufri pero ya me salioooo gracias...

[@AbelOS]

Es un gusto colega, ánimo :)

[@Mrgibbs345]

como hiciste para que te detectara el css??

[@kurometus8432]

Otra forma de hacer esto -> 15:23 con estos signos ` `, en vez de las comillas simples y dentro de esta para llamar a los datos que queremos info.descripcion, se coloca ${info.descripcion} Sería así algo así: ` Agregar producto ${info.descripcion}...el resto del codigo.. ` De nuevo gracias por tus videos:D a seguir aprendiendo.

[@AbelOS]

Kuro gracias por el aporte, saludos!

[@alexvargas6342]

gracias por el aporte me funciono con este metodo

[@marcosaraque7191]

@@alexvargas6342 x2 funciona bien

[@piki_marquitos]

gracias por compartir tu conocimiento!!

[@AbelOS]

A la orden!

[@danielfuertes5126]

Michas gracias he aprendido mucho con tus vídeos

[@AbelOS]

Daniel Fuentes, me da gusto saberlo... saludos =0)

[@danielfuertes5126]

@@AbelOS cuando viene por Colombia para invitarlo a unas empanadas vallunas soy de Cali la sucursal del cielo y capital mundial de la salsa

[@josealejandrosanchez4180]

perfecto todo esta corriendo bien como lo tienes :) no se usar ajax y es interesante como se usa Gracias!

[@hectorortizescobar7337]

Gracias totalesssss...

[@stiveroncal2735]

Chicos para quienes Tienen Problema en Se actualize Precio y cantidad producto cuando pulsamos (+Agregar) en el modal Verifiquen su codigo en function.js Solucion: $('.row'+info.producto_id +' .celPrecio').html(info.nuevo_precio); $('.row'+info.producto_id +' .celExistencia').html(info.nueva_existencia); El problema es las letras html(info.nuevo_precio) y html(info.nuevo_existencia); El error esta en las letras Vocales l a primera es nuevo_precio y la segunda es nueva_existencia El problemas es como leemos si una letra no esta bien no va cargar el ajax

[@rodrigocantorvasquez3201]

para las personas que no les funcione cunado le de guardar y la tabla no se recargue automáticamente revisen bien los espacios. copeen exactamente como esta en el vídeo... aunque no lo crean los espacios que hay entre los puntos y las comillas simples influyen en el funcionamiento al momero de que se recargue automáticamente la tabla $('.row'+info.producto_id +' .celPrecio').html(info.nuevo_precio); $('.row'+info.producto_id +' .celExistencia').html(info.nueva_existencia);

[@rodolfomolina6554]

Gracias amigo, no me actualizaba, copie y pegue las dos lineas que colocaste y me funciono, definitivamente los espacios importan. Saludos

[@diegofernandoandaluzespino2376]

De lujo gracias por apoyar.

[@gvoduba]

Excelente... gracias

[@axelortiz2671]

Gracias bro, lo tenía igual con los mismos espacios y no funcionaba, y dije que pedo, copié y pegué mejor y funciono jajaja

[@manuelalfaro4331]

Brother, quede sin poder avanzar, el formulario que tengo lleva php, para mostrar en un select a los proveedores y no me permite concatenar las filas, el php está debajo de precio,

[@alejandroleoncabrera6675]

Gracias por el tutorial, Dios te bendiga

[@anthonyeduardonunezcanchar4569]

una consulta cuando abro dos ventanas con la misma vista , y cuando hago ajax , solo se nota el cambio en una ventana pero en la otra debo de recarga para poder ver los nuevos datos

[@yilsonalexismalambomadriga5376]

Perfecto gracias

[@oscarisraelsanchez3601]

Estimado @Abel OS me gusto el video, explicas muy bien cada procedimiento, aunque en este no me fue bien, no logro actualizar los datos luego de cerrar el modal ya revise todo nuevamente pero no logro corregir el error, espero me puedas guiar para poder corregir ese error.

[@oscarisraelsanchez3601]

@Abel OS te comento que investigando un poco ya encontré una manera de actualizar la pagina y que al cerrar el modal de actualice el precio y existencia

[@AbelOS]

Que tal Oscar, me alegro que hayas solucionado el inconveniente y no está de más informarse de otras fuentes que sirve como complemento para el desarrollo de proyectos, saludos.

[@stiveroncal2735]

@@oscarisraelsanchez3601 Solucion

[@MultiLemb]

Buenas tardes profe. Tengo un problema y esque me da error en la consola. Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, bool given in C:\xampp\htdocs\facturacion\sistema\ajax.php on line 48 y en el archivo functions.js me sale error en la success: function(response){ console.log(response); }, no encuentro el error. por favor ayuda

[@lmurbina]

A mi me da este error: VM3980:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse () at Object.success (lista_productos.php:60) at fire (jquery.js:3187) at Object.fireWith [as resolveWith] (jquery.js:3317) at done (jquery.js:8785) at XMLHttpRequest. (jquery.js:9151) y me lleva a var info = JSON.parse(response);

[@straykids4thgenleaders_]

Bro, lo solucionaste?😭

[@luisrincon6064]

Saludos como prodria hacer que el color se cambie cuando el minimo sea menor a x cantidad

[@itsoportecan591]

Lo puedes hacer de esta manera

[@michaelmolina5304]

excelente video sige asi

[@AbelOS]

Gracias Michael Molina, saludos =0)

[@javiercortes5426]

Todo funcionando, pero desde el video anterior 43...en el campo de PRECIO se evidencia inconsistencias, seria bueno saber porque este campo al AGREGAR no refleja el PRECIO que se digita... gracias.

[@Motivacion-Infinitas]

a mi tampoco se me ve reflejado el precio

[@douglase.morales4599]

Hola amigo abel fijate que estoy teniendo problemas al actualizar el modal se registran los datos pero cuando lo cierro n se refresca n se qe estara pasando xq tengo todo igual al video eh revisado el codigo muchas veces pero n se cual sea el error talvez puedas ayudarme

[@reigm9346]

como estan buenas tardes una consulta ur alguien me ayuda con este inconveniente Uncaught TypeError: "#form_add_product".serialize is not a function

[@williambarroso2176]

Buenos días Amigo gracias por el curso es muy bueno pero tengo un problema al actualizar el producto no me carga la vista previa y me sale este error: functions.js:22 Uncaught TypeError: Cannot set property 'innerHTML' of null at HTMLInputElement. (functions.js:22) at HTMLInputElement.dispatch (jquery.min.js:3) at HTMLInputElement.q.handle (jquery.min.js:3), de ante mano gracias

[@hugobreno1816]

me gustaría saber si este curso está completo paso a paso sin cortar la grabación. gracias

[@AbelOS]

Que tal Hugo Breno, por supuesto, aun esta en desarrollo, paso a paso sin cortar la grabación, saludos =0)

[@cuate2080]

Me parece en la red del navegador que ay un error en esta línea del Ajax.php: $result_pro = mysqli_num_rows($query_upd); Pero antes de agregar la línea: $data['producto_id'] = $producto_id; Funcionaba bien

[@cuate2080]

Ahora de repente ya no me sale error en la línea pero Me parece el mensaje: error al agregar el producto No sé que pasa No toqué nada aún

[@carlosparra2662]

gracias :D

[@damianplascencia3218]

a estas alturas alguien tiene problemas con la pestañaba emergente ya que al momento de refrescar la pagina instantáneamente les carga la pestaña emergente y no les deja hacer nada? ademas de que en mi caso me carga el siguiente error en el navegador : Uncaught ReferenceError: $ is not defined at functions.js:1:1

[@esving5903]

mi estimado disculpa no tengo error pero no me actualiza en mi formulario al precionar agregar que seria me podrias ayudar se te agradece de ante mano.

[@AbelOS]

Que tal amigo, realmente no podría decirte cual sería el problema ya que si no te muestra error difícilmente podría determinar en donde está el problema, pero te recomiendo que hagas debug en cada proceso para ver en donde estaría el problema, saludos.

[@jhfreddyromdel7119]

Saludos... Se me ha presentado el mismo problema que ha muchos de los compañeros: es que los datos no se actualizan al darle clic en "cerrar" al modal; solo se actualizan al darle "f5" para actualizar toda la página. Pero los datos en la base de datos si se actualizan normal al refrescar las tablas; también ya hice paso a paso lo del video y no doy con el error; de pronto alguien ya sepa donde puede estar la causa, le agradezco...

[@AbelOS]

Que tal colega, verifica que realmente estés colocando los elementos de la fila, quizá no estas haciendo referencia al id de la fila para cambiar los valores de las celdas.

[@rodrigocantorvasquez3201]

si tienes bien los elementos asi como estan en el video revisa los espacios entre los puntos y las comillas $('.row'+info.producto_id +' .celPrecio').html(info.nuevo_precio); $('.row'+info.producto_id +' .celExistencia').html(info.nueva_existencia);

[@stiveroncal2735]

@@rodrigocantorvasquez3201 Bro con tu codigo me sale, pero con el mio no pesar de ser iguales

[@MariaRuiz-hy4bo]

Saludos a todos chicos, el error si no lo tienen en la parte de concatenar en ' .celPrecio' que debe existir un espacio iniciando, entonces lo tienen en la parte de listar productos, en la class="row

[@alvaro9003]

excelente me salvaste,

[@mr.g2112]

Muchas gracias!!

[@reigm9346]

como están buenas tardes alguien me ayuda con este inconveniente

[@alexvargas6342]

yo aun no encuentro solucion para el error var info = JSON.parse(response); del video anterior pero aun asi sigo viendo los videos para aprender mas.

[@AbelOS]

Alex, el problema está en la respuesta del Ajax ya que no devuelve un formato JSON como tal, debes asegurar que la respuesta sea 100% formato JSON, hace un console.log(response) y ve la respuesta del Ajax

[@alexvargas6342]

@@AbelOS son grandiosos tus videos e aprendido bastante y ya lo pude arreglar cambiando a jquery.1.11.2.min de esa manera ya me funciono el JSON.parse

[@ElShompy]

@@alexvargas6342 Hola buen dia amigo me podria pasar el funtions y el ajax gracias tengo el mismo problema que tu y el jquery..

[@elvisjosepavonzeas819]

en esta parte ponga esto success: function(Resp) { if (Resp == 'error') { $('.alertAddProduct').html('Error Al Agregar Producto.'); } else { var info = JSON.parse(Resp); $('.row' + info.producto_id + ' .celPrecio').html(info.nuevo_precio); $('.row' + info.producto_id + ' .celExistencia').html(info.nueva_existencia); $('#txtcantidad').val(''); $('#txtprecio').val(''); $('.alertAddProduct').html('Producto Guardado Correctamente.'); } },

[@eduardorendon8665]

Alguien me pasa los codigos del functions.js y el ajax.php, por favor? Tengo un error al cual ya le di mil vueltas y no sé como solucionar.

[@salvadorreyez3064]

lo soluciono?

[@Motivacion-Infinitas]

profe no se actualiza el precio solo la existencia.

[@gilberthbenaventeprograman3212]

me sale undenifed en ves de que me muestre el nombre :( ayuden porfa

[@JOLUMO666]

He hecho todo tal cual y no se actualizan los datos en tiempo real alguna solucion?

[@pistoleroalv1408]

$('.row'+info.producto_id +' .celPrecio').html(info.nuevo_precio); $('.row'+info.producto_id +' .celExistencia').html(info.nueva_existencia);

[@pistoleroalv1408]

Asi ponlo o cambialo a mi me daba igual

[@Xaneyuuu]

@@pistoleroalv1408holaaa, en donde pegó este código ?

[@hugobreno1816]

me disculpa en preguntar, pero y muy triste cuando comienza el curso y no puede realizar hasta el final

[@AbelOS]

No hay problema, te invito a que te suscribas y que actives la campanita para estar al pendiente de los próximos vídeos de esta serie y otras que realizaré mas adelante, saludos.

[@axelortiz2671]

Aún tengo que recargar la página para poder ver la actualización

[@AbelOS]

Revisa que se estén seteando los datos que retorna el AJAX en cada celda de la final. Saludos.

[@angiebermudez6853]

El error si no lo tienen en la parte de concatenar en ' .celPrecio' o ' .cel'Existencia' que debe existir un espacio iniciando, entonces lo tienen en la parte de listar productos, en la class="row

[@jorgel8780]

@@angiebermudez6853 En efecto entre la linea 65 y 68

[@ElkinVillalobosgrupo-ingenios]

No me agarra el "producto_id". me detecta todos los campos, pero ese no, alguien que esté desocupado que me de una mano?

[@AbelOS]

Revisa en la consola del navegador si te muestra algún error, o debes hacer debug en cada proceso para determinar el problema.

[@ElkinVillalobosgrupo-ingenios]

@@AbelOS Listo amigo, solucionado, date una vuelta por el Facebook

[@kevinjohnhuancazea295]

cvr el el tutorial... pero.. y el Código?

[@AbelOS]

Jhon, se muestra durante el desarrollo, saludos!

[@ronaldodurandluna8617]

Tengo un problema amigo :/, cuando inserto el precio y las existencia , si me inserta en la base de datos pero no actualiza en la lista del producto,debo recargar la paginas todavía ,hizotodo sus pasos en el json pero igual no se actualiza automaticamente... function sendDataproduct(){ // alert("Enviando Datos"); $('.alertadd').html(''); $.ajax({ url:'ajax.php', type:'POST', async:true, data:$("#form_add_product").serialize(), success:function(response) { //Nota: Error al insertar el producto viene del ajax cuando no se envia bien los datos if (response=='Error al insertar el producto') { $(".alertaddProduct").html('Error al Ingresar el producto') } else{ var info=JSON.parse(response); $('.row'+info.producto_id+' .Precio').html(info.nuevo_precio); $('.row'+info.producto_id+' .Existencia').html(info.nueva_Existencia); $('#cantidad').val(''); $('#precio').val(''); $(".alertaddProduct").html('Se Ingreso Producto Correctamente') console.log(response); } }, error:function(error){ console.log(error); } }); } Es del function.js este es de ajax.php Espero que me ayude porfa

[@AbelOS]

Si en la base de datos actualiza el precio y en la tabla hasta que recargues, revisa si el ajax esta devolviendo los datos y debes hacer un console.log(response) en el js para ver que te devuelve el ajax

[@ronaldodurandluna8617]

febel24 me devuelve con el ajax,, también le hice su console.log (responde) , me da el precio , la existencia y el producto_id, si normal me devuelve pero no sé actualiza automáticamente la lista :/ ,

[@eldertrelles2693]

tbm me paso pero lo arregle xD

[@ronaldodurandluna8617]

elder trelles si yo también ya lo arregle solo tengo problema en la base de datos :/

[@eldertrelles2693]

le aumente un campo para codigo de barra y le aumente la libreria x el momento funciona ojala lo termine