Django Form csrf_token

Question

whenever we want to perform a POST request in django we need to add a csrf_token. For example if you want to create a form:

<form action="#" method="POST"> {% csrf_token %}

This is pretty simple if you do it in HTML. However, I want to create forms dynamically using jQuery. I have the following code:

                   $div = $('<form/>')   // First I am creating the `form` div 
                       .attr("method","POST") //POST method
                       .attr("action","#");
                   ($div).appendTo('#team_notification_'+index); //Appending it 
                   var $button  = $('<button/>') //Creating the buttons
                       .attr("type","submit")
                       .attr("name","Accept")
                       .attr("value", invite[0].pk); //Setting some value
                   $($button).appendTo($div);

But how can I append the csrf_token using jQuery?

Thanks

Read the docs: docs.djangoproject.com/en/1.10/ref/csrf and check the getCookie function. — Hackerman
– Hackerman, Commented Mar 30, 2017 at 15:33

NS0 · Accepted Answer · 2017-03-30 15:39:02Z

1

Try something like

var $csrf = $('<input/>') 
               .attr("type", "hidden")
               .attr("name", "csrfmiddlewaretoken")
               .attr("value", "{{csrf_token}}");
$($csrf).appendTo($div);

answered Mar 30, 2017 at 15:39

NS0

6,1361 gold badge18 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Django Form csrf_token

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