Este es el error
:8000/obtener-datos/:1 Failed to load resource: the server responded with a status of 404 (Not Found) (index):255 Error al obtener los datos: SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
Este es la parte del HTML que manda error
<script>
const curso_id = '{{ curso_id }}';
// Obtener los datos requeridos desde el servidor
fetch(`/obtener-datos/${curso_id}`)
.then(response => response.json())
.then(data => {
// Generar el HTML dinámicamente para mostrar los datos
const container = document.createElement("div");
container.style.color = "grey";
data.preguntas.forEach(pregunta => {
const respuestas = data.respuestas_contexto[pregunta.id.toString()];
const listItem = document.createElement("li");
listItem.innerHTML = `
Pregunta: ${pregunta.cuerpo}<br>
Respuesta del usuario: ${respuestas.respuesta_usuario || ''}<br>
Alternativa correcta: ${respuestas.alternativa_correcta || ''}<br>
Evaluación: ${respuestas.evaluacion || ''}
`;
container.appendChild(listItem);
});
// Agregar el contenedor al elemento existente en el HTML
const claseContainer = document.getElementById("clase-container");
claseContainer.appendChild(container);
})
.catch(error => {
console.error('Error al obtener los datos:', error);
});
</script>
y esta es la vista de ese template
def evaluaciones_a_pregunta(pregunta, respuestas_usuario, alternativas_correctas, evaluaciones):
pregunta_id = str(pregunta.id)
respuesta_usuario = respuestas_usuario.get(pregunta_id, '')
alternativa_correcta = alternativas_correctas.get(pregunta_id, '')
evaluacion = evaluaciones.get(pregunta_id, False)
print("Pregunta:", pregunta.cuerpo)
print("Respuesta del usuario:", respuesta_usuario)
print("Alternativa correcta:", alternativa_correcta)
evaluacion_texto = "Correcta" if evaluacion else "Incorrecta"
print("Evaluación:", evaluacion_texto)
print()
# Puedes devolver los valores si los necesitas en otro lugar del código
return respuesta_usuario, alternativa_correcta, evaluacion
def obtener_datos(request, curso_id):
curso = Cursos.objects.get(id=curso_id)
preguntas = Pregunta.objects.filter(curso_id=curso_id)
respuestas_contexto = {}
for pregunta in preguntas:
pregunta_id = str(pregunta.id)
respuestas_contexto[pregunta_id] = {
'respuesta_usuario': '', # Aquí debes obtener la respuesta del usuario para cada pregunta
'alternativa_correcta': pregunta.alternativa_correcta,
'evaluacion': '' # Aquí debes calcular la evaluación para cada pregunta
}
data = {
'preguntas': preguntas,
'respuestas_contexto': respuestas_contexto,
'curso_id': curso_id
}
return JsonResponse(data)
Solucione el otro error, ahora me aparece este otro en consola, la página ya no me tira error
Si alguien me puede ayudar con esto.
.then(response => response.json())
está recibiendo un HTML o un XML (por eso comienza por el DOCTYPE) y eso definitivamente no es un JSON. Como estás usando JsonResponse, lo que se presume es que esa petición está obteniendo un mensaje de error. Podrías hacerle debug al contenido deresponse
, imprimirlo en los logs o algo, no?fetch
trata de parsear esa página/obtener-datos/${curso_id}
verifica que sea correcta