Javascript – #6.09. AJAX. Ejercicio de AJAX con acceso a base de datos y JSON

10 comentarios
Contraer comentarios

Hola Laura/Ada.

He visto que también hay una forma más sencilla de hacer solicitudes asíncronas con FETCH API. ¿Podríais poner un epígrafe para esta técnica?

También estaría genial hablar de los observables, promesas y del ASYNC/Await, que se utiliza ahora mucho y es súper útil cuando te metes en frameworks como Angular.

didacticode (Administrador) 06/03/2021 a las 23:02

¡Efectivamente, Antonio! Y de hecho, es uno de los vídeos que tengo en mi lista!
Ya tengo el código preparado de el consumo de una API con axios y con async/await pero… no desvelo más

Fin del Curso agradecidísima por tu trabajo Ada!!! Muchísimas gracias por tu forma de enseñar, por tus explicaciones, y por darnos todo el contenido tan organizado y estructurado. Mucha gente sabe…. pero poca enseña… gracias!!!!!! Espero como Antonio ansiosa axios y async/await.

Por cierto, duda que tengo, llevo muy poco mi andadura en desarrollo web (me formé en DAM) y ando un poco perdida a la hora de ir formándome para un trabajo donde trabajan con node.js, firebase y react (entre alguna cosilla más)… si me puedes recomendar por dónde seguir te lo agradecería millones!!!!

didacticode (Administrador) 16/04/2021 a las 22:59

¡Vaya, Gema, mil gracias, de verdad, por tus palabras! Me alegro muchísimo que hayas aprendido y, sin duda, pendiente queda explicar axios y async/await. De hecho, axios me parece esencial para trabajar con Javascript
En cuanto a las recomendaciones que me pides, si te parece, te voy a escribir un correo tranquilamente y así te cuento mi punto de vista, ¿vale?
¡Un abrazo!

Hola Laura!
Estoy teniendo problemas a la hora de ejecutar el código que has proporcionado, he creado una bbdd tal cual se muestra en el vídeo para poder usar los ficheros dados, pero me sale el siguiente error:
VM134:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse ()
at XMLHttpRequest.xhr.onreadystatechange (Javascript_6-09_AJAX-JSON-BBDD.html:24)
No se muy bien a que se refiere este error y como podría solucionarlo, podrías ayudarme?
La línea que indica se corresponde con el código: var array = JSON.parse(this.responseText);
Mil gracias por tus videos y por tu ayuda, estoy aprendiendo bastante con ellos 😀
Un Saludo

didacticode (Administrador) 30/04/2021 a las 07:43

¡Hola, Soraya!
Bueno, eso tiene pinta de que el PHP te está devolviendo una etiqueta HTML (suele pasar cuando hay algún tipo de error o algo inesperado en el PHP, que te lo devuelve junto con el resto de información). Así que para saber qué es exactamente, lo que deberías hacer es ejecutar el PHP solo y mostrar los errores (en php.ini puedes poner que se muestren) y ver qué es lo que está devolviendo exactamente.
¡Prueba y me cuentas!

Hola Laura!
Gracias por tu pronta respuesta, el error que me muestra al ejecutar el php es el siguiente:
Fatal error: Uncaught Error: Call to a member function fetch_all() on boolean in ..\Ajax_JSON_bbdd.php on line 27
En la línea que se nombra es la que se corresponde con:
$salida = $resultado->fetch_all(MYSQL_ASSOC);
Un Saludo

didacticode (Administrador) 09/05/2021 a las 07:41

¡Hola de nuevo, Soraya!
Seguramente que la base de datos no te esté devolviendo datos correctamente. Para saber dónde está el error te recomiendo que hagas lo siguiente:
Después de la línea de la $sql escribe «echo $sql;». Te saldrá la sentencia que está ejecutando.
Copiala y pégala en PHPMyAdmin, en la parte de «Consultas» para ver qué te sale. Si te da error ahí verás qué puede ser (quizá unas comillas, un valor que no tiene asociado datos…).
¡Prueba y me cuentas!

Hola Ada,
Muchas gracias por el curso.
Aunque ya tenía algo de experiencia con JS tu curso me ha servido para revisar cosillas que no había utilizado.
Me encanta que compartas el código ya que éste se encuentra muy bien comentado y encuentras enseguida
lo que necesitas.
Algunas de estas páginas ya forman parte de mi carpeta de favoritos JS/ADA.

Un abrazo!!

didacticode (Administrador) 25/07/2021 a las 06:35

¡Hola, Manolo!
Me alegro muchísimo de que el curso te haya servido para aprender cositas que no hayas utilizado. El código yo creo que es algo necesario para “no meter la pata” al intentar hacer lo mismo que en el vídeo En cuanto a lo de comentar, ya sabrás que un buen código es aquel que no necesita ser comentado, jejeje, aunque en este caso creo que acompaña a la explicación.
Espero seguir formando parte de tus favoritos muuuucho tiempo
¡Un abrazo y mil gracias por tu mensaje!

Deja un comentario