Básicamente, estoy tratando de inyectar información que proviene de mi base de datos (estoy usando postgresSQL y node.js) en la página web y he confirmado que estoy obteniendo la información que quiero justo antes de intentar con HTML interno, sin embargo, tan pronto como llegue a esa línea de código de alguna manera no puede detectar el valor e inyectar indefinido (creo) y no estoy seguro de por qué está haciendo eso.
aquí está el javascript para la página html que tengo problemas:
window.onload = async function() { try { let courseId = sessionStorage.getItem("courseId"); let course = await $.ajax({ url: `/api/courses/${courseId}/classes`, method: "get", dataType: "json" }); document.getElementById("course").innerHTML = course.cour_name; } catch (err) { console.log(err); } }Lo encuentro realmente raro ya que lo he hecho de manera similar con otra página y funciona bien.
aquí está el html de la página:
<html> <head> <title>Express</title> <link rel="stylesheet" href="/stylesheets/style.css"> <link rel="stylesheet" href="/stylesheets/courses.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js%22%3E</script> <script src = "./javascript/courseInfo.js"></script> </head> <body> <header id = "header"> </header> <nav> <a href= "courses.html"><p>Back</p></a> </nav> <section> <main id="course"> </main> </section> </body> </html>No sé por qué llena ese campo con indefinido, ya que cuando ordeno lo que devuelve el ajax, muestra que tiene exactamente lo que necesito, uno de esos campos es la fila cour_name.
Realmente agradecería si alguien pudiera ayudarme con este problema y gracias por su tiempo.
si usa el navegador Chrome, pruebe el depurador devtool.
abra DevTool (por ejemplo, presione F12), luego haga clic en la pestaña de fuentes y ubique su archivo javascript y coloque un punto de interrupción en la línea que no funciona como se esperaba. luego vuelve a cargar la página y verifica el valor de las variables y ejecuta el resto del código línea por línea.
vea este tutorial sobre cómo usar el depurador https://developer.chrome.com/docs/devtools/javascript/