Question

我在下面有以下代码，但我仍然得到＆＃34; CSRF令牌丢失或不正确。＆＃34;错误。有谁发现我在这里做错了什么？

<form method="post" action="" id="registration">
  {{ form.as_p }}

  <input type="submit" value="{% trans 'Submit' %}" />
</form>


 <script>

$('#registration').submit(function(e){
     e.preventDefault(); //prevent default form submit

   $.ajax({

       url: '/accounts/registerAjax/',
       type: 'POST',
       contentType: "application/json;charset=utf-8",
       dataType: "json",
       data: {
             'csrfmiddlewaretoken': '{{ csrf_token }}',
            'id_username': $("#id_username").val(),
            'id_email': $("#id_email").val()
            },
        success: function() {
            alert('Test');

        },
        error: function(errorThrown){
            console.log(errorThrown);
            alert('Error');
            alert(errorThrown);
        }
    });

Answer 1

来自the docs。

在每个XMLHttpRequest上，将自定义X-CSRFToken标头设置为CSRF令牌的值。

作为第一步，您必须自己获取CSRF令牌。该令牌的推荐来源是csrftoken cookie，如果您已按照上述方式为视图启用了CSRF保护，则会设置该cookie。

// using jQuery
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
var csrftoken = getCookie('csrftoken');

使用jQuery cookie插件替换getCookie可以简化上面的代码：

var csrftoken = $.cookie('csrftoken');

使用Jquery时CSRF令牌丢失或不正确

1 个答案: