PodriasPodrías utilizar ajaxAJAX para realizar la solicitud a tu backend, obtener el mensaje y despuesdespués, con una funcion js pintarlfunción JS, pintar el DOM del navegador.
//UsareUsaré como backend una apiAPI libre de prueba, tu deberiasdeberías poner tu urlURL de djangoDjango
//Haz click en EJECUTAR o Copia todo el HTML guardalo como ejemplo.html y ejecutaloejecútalo en tu navegador para verlo
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
//enEn host_backend debes poner tu funcionfunción Django
var host_backend = "https://jsonplaceholder.typicode.com/albums/";
async function obt_Mensaje() {
return await $.ajax({
type: "GET",
url: host_backend+String(count),
success: function(msg) {
return msg;
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(textStatus);
return false;
},
});
}
function pintar_Mensaje() {
//Reinicio el contador para que evitarevite errores al consultar un id que no exista
if(count == 20) count = 0;
count = count +1;
obt_Mensaje()
.then(msg =>{
//Se Obtuvoobtuvo el msg correctamente.
//Lo pintamos en el DOM
//En este caso particular, ya que eso depende de la apiAPI a la que consulto, obtengo title"title" como Mensaje
$("#mensaje").text(msg['title']);
})
.catch(err =>{
//No se pudo Obtener el Mensaje
console.log(err); //Esto hace que se imprima el error en la consola del navegador
})
}
//Este contador es para consultar un dato diferente
var count = 0;
//AquiAquí ejecutara la funcionfunción cada 1200 milisegundos
var actualizar_msg = window.setInterval(function() { pintar_Mensaje() }, 1200);
</script>
</head>
<body>
<h1 id="mensaje"></h1>
</body>
</html>
En tu funcionfunción Django, devuelve el mensaje como un JSON.