Q:

Flask AJAX: Bad Request. The CSRF token is missing

I am facing a problem while sending a request using ajax to flask server. I have attached HTML, js and python file for reference. 
Html Form Image
AJAX request code
python file
I have tried various solutions for this problem researching on the internet. I will be grateful if I got out of this problem. 

A:

On your Ajax call, you must add your CSRF Token on request header, not on payload data as you are sending now, e.g:
var csrf_token = "{{ csrf_token() }}";

$.ajax({
    type: 'POST',
    url: '/login',
    headers: {
        "X-CSRFToken": csrf_token,
    }
    data: {
     ...

Hope it suits you well :)

