1-й вариант - форма вместе с результатом
# forms.py
class DecRomanForm(forms.Form):
field1 = forms.<Field...> ...
....
def clean(self):
cleaned_data = super().clean()
# Проверяем если надо
# Cчитаем
cleaned_data['result'] = result
return cleaned_data
# views.py
def view_name(....):
...
context['form'] = DecRomanForm(request.GET)
...
{# html template #}
{% if form.is_valid %}
{# Вывод результат #}
{{ form.cleaned_data.result }}
{% endif %}
<form ... >
{{ form }}
</form>
2 - через Ajax.
# ajax view
def ajax_view(request, *args, **kwargs):
# считаем результат на основе данных
return JsonResponse(data=dict(result=result))
# jQuery (js)
$(document).ready(function() {
$('form.<form_class>').submit(function (e) {
e.preventDefault();
e.stopPropagation();
var form_data = $(this).serialize();
$.ajax({
url: $(this).attr('action'),
method: $(this).attr('method'),
data: form_data,
success: function(data) { $('.result_div').html(data.result); }
});
});
});
{# HTML template #}
<script src="{% static "path/to/js/script.js" %}"></script>
<div class="result_div"></div>
{# А тут форма выводится #}
<form class="<form_class>"> ... </form>
UPDATE: У вас не работало из-за
1. Отсутствия jQuery
2. Моей опечатки в stopPropagation
3. В методе DecRoman у вас coding (который zip) ставится по умолчанию в параметре метода. Для таких объектов, он сосздается один раз. После обработки zip очищался. Решается переносом в локальную переменную, которую можно переопределить через параметр. Или вообще убрать параметр.
UPDATE: diff
Index: src/convector/decroman.py
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/convector/decroman.py (revision 58d1a78dd0a91fbda459f51b3c010b852d581fed)
+++ src/convector/decroman.py (revision e064f9f2162685211d36752e551f6c66cb66f0d6)
@@ -38,10 +38,12 @@
elif self.validRoman():
return False
- def DecToRoman(self, coding=zip(
- [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
- ["M", "CM", "D", "CD", "C", "XC", "L", "XL", "X", "IX", "V", "IV", "I"]
- )):
+ def DecToRoman(self, coding=None):
+ if coding is None:
+ coding = zip(
+ [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
+ ["M", "CM", "D", "CD", "C", "XC", "L", "XL", "X", "IX", "V", "IV", "I"]
+ )
result = []
for d, r in coding:
while self.dec >= d:
Index: src/convector/templates/convector/convector.html
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/convector/templates/convector/convector.html (revision 58d1a78dd0a91fbda459f51b3c010b852d581fed)
+++ src/convector/templates/convector/convector.html (revision e064f9f2162685211d36752e551f6c66cb66f0d6)
@@ -1,5 +1,25 @@
{% extends "convector/layouts.html" %}
+{% block extra_head %}
+ <script type="text/javascript">
+ $(document).ready(function () {
+ var form = $('form.form_class');
+ $('form.form_class').find('button[type="submit"]').click(function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+
+ var form_data = form.serialize();
+ $.ajax({
+ url: form.attr('action'),
+ method: form.attr('method'),
+ data: form_data,
+ success: function (data) { $('.result_div').html(data.result); }
+ });
+ });
+ });
+ </script>
+{% endblock extra_head %}
+
{% block main_section %}
<div class="result_div">
<p></p>
Index: src/convector/templates/convector/layouts.html
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/convector/templates/convector/layouts.html (revision 58d1a78dd0a91fbda459f51b3c010b852d581fed)
+++ src/convector/templates/convector/layouts.html (revision e064f9f2162685211d36752e551f6c66cb66f0d6)
@@ -14,22 +14,8 @@
<link rel="stylesheet" href="{% static 'convector/main.css' %}">
<title>{{ title }}</title>
- <script>
- $(document).ready(function () {
- $('form.form_class').submit(function (e) {
- e.preventDefault();
- e.stopPropogation();
-
- var form_data = $(this).serialize();
- $.ajax({
- url: $(this).attr('action'),
- method: $(this).attr('method'),
- data: form_data,
- success: function (data) { $('.result_div').html(data.result); }
- });
- });
- });
- </script>
+ <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+ {% block extra_head %}{% endblock %}
</head>
<body>