Call Python function with arguments using HTML in Django

Question

I'm trying to make an HTML button where you can call a Python function:

HTML

<script>
function login(){
  $.ajax({
    url: "/python_file",
    context: document.body
  }).done(function() {
  alert('finished python script');;
  });
}
</script>

<input id="clickMe" type="button" value="clickme" onclick="login();" />

urls.py

urlpatterns = [
    path('', views.home, name="index"),
    path('python_file', views.python_file),
]

views.py

from django.shortcuts import render

def home(request):
    return render(request, "login/login.html")

def python_file(email, password):
    pass

But, how can I pass an argument into the function?

the javascript action, so I want it to get values from a form, and then activate a function with values — CY83
– CY83, Commented Jan 9, 2021 at 10:15

Grizzle · Accepted Answer · 2021-01-09 10:28:24Z

2

Data is passed to the view as either a "POST" or a "GET" request.

Your ajax script sending data as a get request. - email & password are fictional, you'd have to get them from the form elements

<script>
function login(){
  $.ajax({
    url: "/python_file",
    type: "GET",
        data: {
        Email: email,
        Password: password,
    },

  }).done(function() {
  alert('finished python script');;
  });
}
</script>


<input id="clickMe" type="button" value="clickme" onclick="login();" />

Python file view function

def python_file(request):
    # if your ajax request is a GET use the following
    email = request.GET.get('email')
    password = request.GET.get('Password')

    # if your ajax request is a POST use the following
    email = request.POST.get('email')
    password = request.POST.get('password')

answered Jan 9, 2021 at 10:28

Grizzle

5673 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call Python function with arguments using HTML in Django

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related