AJAX Post request from Javascript to Python (Django, views.py)

Question

I am trying to send a POST request from javascript to views.py using AJAX. However, I am getting a 403 Error stating that csrf token is not present.

In order to resolve this issue I followed this link and included the function in my javascript. However, I am confused as to what the next step should be.

Any assistance will be appreciated. Thanks!

madzohan · Accepted Answer · 2015-06-25 06:37:00Z

2

Simply add somewhere in your template:

{% csrf_token %}

Then in your js file should be smth like this:

var csrf_token;

var sendSomeAjax = function(target) {
    var requestUrl = $(target).data('url');

    return $.ajax({
        url: requestUrl,
        type: 'post',
        headers: {
            'X-CSRFToken': csrf_token
        },
        dataType: 'json'
        // also you can pass some 'data: ' here
    })
};

$(function() {
    csrf_token = $('input[name="csrfmiddlewaretoken"]').val();

    var target = $('.someSelectorWhereYouHavePassedDataUrlToYourView');
    // for example in your template <a href="#" data-url="{% url 'app_url_namespace:view_url_name' %}"</a>

    sendSomeAjax(target).success(function(data) {
        // do smth with data =)
    });
});

edited Jun 25, 2015 at 6:37

answered Jun 25, 2015 at 6:27

madzohan

11.8k9 gold badges43 silver badges68 bronze badges

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

1 Comment

rishran Over a year ago

Thanks madzohan. For me just changing the key of the csrf token from 'csrftoken' to 'csrfmiddlewaretoken' did the job.

Collectives™ on Stack Overflow

AJAX Post request from Javascript to Python (Django, views.py)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related