Django - отображение Httpresponse в шаблоне

Вот что я имею в представлениях

Это функция в javascript

При запуске проекта я получаю следующее сообщение

Однако ответы отображаются на пустой странице следующим образом

как заставить httpsresponse отображаться на той же странице в окне чата, а не на другой

Я совсем новичок в Django и javascript. Буду очень рад, если кто-нибудь сможет помочь. Заранее спасибо.

Вот что у меня есть в script.js

 onSendButton(chatbox) {
    var textField = chatbox.querySelector('input');
    let text1 = textField.value
    if (text1 === "") {
        return;
    }

    let msg1 = { name: "User", message: text1 }
    this.messages.push(msg1);

    fetch('http://127.0.0.1:8000/', {
        method: 'POST',
        body: JSON.stringify({ message: text1 }),
        mode: 'cors',
        headers: {
          'Content-Type': 'application/json'
        },
      })
      .then(r => r.json())
      .then(r => {
        let msg2 = { name: "Sam", message: r.answer };
        this.messages.push(msg2);
        this.updateChatText(chatbox)
        textField.value = ''

    }).catch((error) => {
        console.error('Error:', error);
        this.updateChatText(chatbox)
        textField.value = ''
 

     });
    }

Вот что у меня есть в представлениях

def index(request):
    if request.method == "POST":
        name = request.POST.get("name", "")
        response = chatbot_response(name)
        if response != "":
            return HttpResponse(response)
        else:
            return HttpResponse(response)

    return render(request, "index.html")

Мне будет очень полезно, если кто-нибудь сможет помочь

Вернуться на верх