Django: how to render same webpage after submit form - django

Question

I have a index.html file which has the submit button. I want the functionality that when I click submit button, python function should get called in background but the rendering view of index.html should stay same. Right now every time I click on submit button a new copy of index.html is getting loaded. Here are my codes
index.html
<form action = "submit" method = "post">
<p>latitude <input type = "text" id = "Latbox" name = "Latbox" /></p>
<p>Longitdue <input type = "text" id = "Lonbox" name = "Lonbox" /b></p>
<p><input type = "submit" value = "submit" /></p>
</form>
My views.py file is as follow :
from django.shortcuts import render
from django.views.generic import TemplateView
class HomePageView(TemplateView):
def get(self, request, **kwargs):
return render(request, 'index.html', context=None)
def submit(request):
LAT=request.POST['Latbox']
LON= request.POST['Lonbox']
print (LAT, LON)
return render(request,'index.html',context=None)
I am new to django. Can I get some pointer or answer as to how to solve this.

Answer 1

Use the same view to perform both actions.
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<p><input type = "submit" value = "submit" /></p>
</form>
At forms.py:
class LocationForm(forms.Form):
latitude = form.CharField()
longitude = form.CharField()
Then at views.py you do something like this:
class HomePageView(TemplateView):
template_name = "index.html"
def get(self, request, **kwargs):
form = LocationForm()
return render(request, self.template_name, {"form": form})
def post(self, request, **kwargs):
form = LocationForm(request.POST)
if form.is_valid():
pass # do something with form.cleaned_data
return render(request, self.template_name, {"form": form})
It is not fully covered in the tutorial but take a look at forms and generic views.