Csrf token not bein accepted by form rendered in javascript

Question

I'm trying to render a form through javascript in django. I tried inserting the csrf token tag through the ways described in stack overflow post How do I include Django 1.2's CSRF token in a Javascript-generated HTML form? but it did not work for me :/ I've been trying for hours to find out the reason!

var CSRF_TOKEN = document.getElementById('csrf_token').value;

for (i = 0; i < this.ShoeList.length; i++) {
html += "<form method='POST' action='/AddToCart/'>'"+CSRF_TOKEN+"'<div class = 'box'<li><img src=' " + this.ShoeList[i].imageSource + "'/>";
}

and this is my template code:

<body onload="start()">
    <input id="csrf_token" value="{{ csrf_token }}"/>
</body>

The token value is being displayed correctly when i run the code. But it does not accept the token for some reason. Please help!

score 0 · Answer 1 · answered May 01 '14 at 12:23

0

for (i = 0; i < this.ShoeList.length; i++) {
html += "<form method='POST' action='/AddToCart/'>{% csrf_token %}<div class = 'box'<li><img src=' " + this.ShoeList[i].imageSource + "'/>";
}

answered May 01 '14 at 12:23

gradimirlodin2607

1

Already tried that. It just prints "{%csrf_token%}" on my html page. – user3592590 May 01 '14 at 12:36

score 0 · Answer 2 · answered May 01 '14 at 13:20

var CSRF_TOKEN = document.getElementById('csrf_token').value;

for (i = 0; i < this.ShoeList.length; i++) {
html += "<form method='POST' action='/AddToCart/'><input type='hidden' value='"+CSRF_TOKEN+"' name='csrfmiddlewaretoken'><div class = 'box'<li><img src=' " + this.ShoeList[i].imageSource + "'/>";
}

Csrf token not bein accepted by form rendered in javascript

2 Answers2