如何将localStorage数据提交给Django？

Question

我在localStorage中有数据，我想通过POST请求将其与用户ID一起提交给Django。 我该如何工作？

1）发送Ajax请求：它需要csrf令牌，而我不能使其有效。

  function submitData() {
  // send result to server
    var data = localStorage.getItem("groups");
    var userid = {{user.userid}};
    console.log(data);

    $.ajax({
      url:"/interface/submit/",
      type:"POST",
      data: { group:data,
              userid:userid,
              csrfmiddlewaretoken: '{{ csrf_token }}'},
      success:function() {
        alert("Submitted succeffully");
        window.location = "/interface/";
      }
    })
  }

2）使用Django表单：目前，我只能从该字段中获取信息，而不能从localStorage中获取信息。

  <form action="/interface/submit/" method="post">
    {% csrf_token %}
    <input type="submit" value="Submit">
  </form>

使用第一种方法时出错：

索取资料

GET
Variable    Value
csrfmiddlewaretoken 
u'{{ csrf_token }}'
group   
u'371,197,220,306,213,328,399,373,283,end,371,197,220,306,213,328,399,373,283,end,371,197,220,end,'
POST
No POST data
FILES
No FILES data
COOKIES
Variable    Value
csrftoken   
'F8jc4jObrxI2bQ6Y3CgCiuf6MTOpf2Uo'
sessionid   
'8uvrhe9yytpam38h5xb4tnvz8ijiui4p'

Answer 1

关于1）您的模板是否使用{％csrf_token％}渲染了一个表单，并在其中使用了ajax代码？ 如果没有，Django将不会发送带有响应的新csrf cookie。

https://docs.djangoproject.com/en/dev/ref/csrf/#ajax

如果您的视图未呈现包含csrf_token模板标记的模板，则Django可能未设置CSRF令牌cookie。 在将表单动态添加到页面的情况下，这很常见。 为了解决这种情况，Django提供了一个视图装饰器来强制设置cookie：sure_csrf_cookie（）。