Как отправить объект Javascript для обработки на бэкенде Django
Я уже задавал этот вопрос, но обнаружил, что он немного сложный. Я упростил вопрос здесь. Я выполняю обработку платежей с помощью API javascript. Я получаю результаты, но хочу отправить их на бэкенд Django для обработки. Я не слишком хорошо знаком с этим взаимодействием Javascript/Django, отсюда и мой вопрос. Ниже приведены файлы
Subscription.py. Это простая страница, которая позволяет пользователям выбирать подписку.
@csrf_exempt
@login_required(login_url='login')
def subscription(request):
user = request.user
user_organization = OrganizationUser.objects.get(user=user)
company = Company.objects.filter(name = user_organization.organization.name).first()
today = datetime.date.today()
form = CompanyForm(request.POST)
subscription = Subscription.objects.all()
if user_organization.is_admin == True:
context = {'user_organization': user_organization, 'form': form,
'subscription': subscription, 'company': company, 'today': today,}
return render(request, 'registration/subscription.html', context)
else:
return HttpResponse('You are not authorised to view this page')
Вот соответствующий Subscription.html
{% block content %}
<div class="columns is-centered">
<div class="column is-5 box">
{% if company.paid_till < today %}
<form action="" method="POST" enctype="multipart/form-data">
{% csrf_token %}
<div class="content">
<h1 class="title is-4">
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
Account is not active
</h1>
Your company <strong>{{user_organization.organization}}</strong> is not active. Please renew the subscription.<br>
</div>
{% else %}
<p class="label">We have great subcription options for you. Choose from our list either for monthly or annual plans</p><br>
{% endif %}
<h2>Subscription Packages</h2><br>
<div class="select">
<select
name="search"
hx-get="{% url 'searched-subs' %}"
hx-target="#searched-subs"
hx-trigger="change"
hx-swap="innerHTML"
onchange="updateButtonDataAmount(event)"
>
<option value="select-a-plan">Select A Plan</option>
<option value="7.99">Starter - Monthly ($7.99/Month)</option>
<option value="79.00">Starter - Annually ($79.00/Year)</option>
<option value="49.90">Business - Monthly ($49.90/Month)</option>
<option value="499.00">Business - Annually ($499.00/Year)</option>
</select>
</form>
</div><br><br>
<div id="searched-subs"></div><br><be>
<button class="intaSendPayButton button is-btn-mycolor is-fullwidth"
data-amount="10"
data-currency="KES"
data-email="joe@doe.com"
data-first_name="JOE"
data-last_name="DOE"
data-country="KE">
Pay Now
</button><br>
</div>
</div>
<script>
new window.IntaSend({
publicAPIKey: "publishing-key",
live: false //set to true when going live
})
.on("COMPLETE", (results) => console.log("Payment in COMPLETE status", results))
.on("FAILED", (results) => console.log("Payment in FAILED status", results))
.on("IN-PROGRESS", (results) => console.log("Payment in progress status", results))
</script>
{% endblock %}
Код работает хорошо и печатает в консоль результаты события оплаты. Мне нужен способ взаимодействия с "результатами" в представлении подписки выше, чтобы иметь возможность обрабатывать событие оплаты. Я попробовал несколько способов, но мне кажется, что я что-то упускаю.