Как создать функцию javascript, которая изменяет html при нажатии кнопки отправки формы в django
Я могу легко обновить html, когда он не является частью submit или button формы. Или даже когда это просто чистый элемент кнопки (а не вход из формы). Однако, когда я пытаюсь добавить строку к
класса "chatGoesHere", ничего не происходит. Консоль также быстро перезагружается, поскольку форма собирается \send.
.Я с удовольствием выложу свои views.py и urls.py, однако, я уверен, что проблема внутри моего html документа ниже:
<p class="chatGoesHere" id="chatGoesHere"> 1st Item! </p>
<form action="\send\" method="post">
<input type="text" name="userMessage" />
<input type="submit" value="Send to smallest_steps bot" class="sendButt" id="sendButt" />
</form>
<script>
var btn = document.getElementById("sendButt");
btn.addEventListener("click", updateChat);
function createMenuItem(name) {
let li = document.createElement('p');
li.textContent = name;
return li;
}
const td = document.getElementById('chatGoesHere');
td.appendChild(createMenuItem("TEST2"))
function updateChat(){
const td = document.getElementById('chatGoesHere');
td.appendChild(createMenuItem("TEST3"))
}
</script>
Я бы хотел, чтобы каждый раз, когда пользователь нажимает кнопку отправки формы, что-то добавлялось на страницу без перезагрузки страницы.
Спасибо
Вам нужно использовать django с сокетами.
Посмотрите на это прохождение.
Помог мне сделать то же самое несколько лет назад!
https://channels.readthedocs.io/en/stable/tutorial/part_2.html