Как я могу отправить данные в функцию представления с помощью AJAX и вернуть html-представление, используя отправленные данные?

В java script у меня есть функция и внутри функции у меня есть этот код.

datam = {'username' : username , 'usernameId' : id}

url = `http://127.0.0.1:8000/chat/dms/`

datam=JSON.stringify(datam)

$.ajax({
    type: "POST",
    url: url,
    
    data: datam ,
    headers: {'X-CSRFToken': csrftoken},
    mode: 'same-origin',
    contentType: "application/json",
    
    cache:false,
    
    error: function(xhr, status, error) {
        console.log('!212')
        
     },
     complete: function (response) {
        
        roomid=response.responseJSON.data
        console.log(roomid)
        window.location.href =`http://127.0.0.1:8000/chat/${roomid}/`

        console.log('completed')
        
      }

});

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

def chat_room(request ,room_name):
  oda = room.objects.get(id= room_name)
  messages = message.objects.filter(room=oda)

  chat = room.objects.filter(id = room_name).first()
  print(chat)
  #return JsonResponse({'room_name' : room_name} ,status= 200)

  return render(request , 'chatroom.html' , {'a' : chat , 'messages' : messages})

Но я не могу отобразить html-страницу, которую хотел. Ajax выдает ошибку. Как я могу отобразить html-страницу, используя данные, которые я отправляю через AJAX. Как я могу отправить данные в функцию представления с помощью AJAX и вернуть html-страницу, используя отправленные данные

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