Javascript 禁止（CSRF令牌丢失或不正确。）Django如何解决？使用我的代码

当我按下按钮时，这个错误被放大了

禁止（CSRF令牌丢失或不正确）：：/orders/basket\u添加/

/

我从主页上的表单中获取csrf_令牌，以及所有其他令牌 从表单所在的页面继承，从中获取令牌

（请帮助我）

观点

/////

///// html

---

您的问题是您没有在表单标记中插入CSRF令牌，因此它不会获得任何CSRF令牌

比如说

<div class="hidden">
     <form class="default_form">
           {% csrf_token %}
     </form>
</div>

{%csrf_令牌%}

您的问题是您没有在表单标记中插入CSRF令牌，因此它不会获得任何CSRF令牌

比如说

<div class="hidden">
     <form class="default_form">
           {% csrf_token %}
     </form>
</div>

{%csrf_令牌%}

<div class="hidden">
    <form class="default_form"></form>{% csrf_token %}
</div>

$(document).ready(function(){
    $(document).on('click', '.item_add', function(e){
        e.preventDefault();
        product_id          = $(".product_id").html();
        product_name        = $(".product_name").html();
        product_price       = parseFloat($(".item_price").html())   
        product_size        = $(".bann-size").val();
        url                 = $(".product_name").attr("action");
        console.log(url)
        var data            = {};
        var csrf_token      = $('.default_form [name="csrfmiddlewaretoken"]').val();
        data.product_id     = product_id
        data.product_name   = product_name
        data.product_price  = product_price
        data.product_size   = product_size
        data["csrfmiddlewaretoken"] = csrf_token;
        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            cache: true,
            success: function(data){
                console.log("OK");


            },
            error: function(data){
                console.log(data + "ERROR")
                alert("Something wrong, try again!")
                location.reload();
            }
        });
    });
});

<div class="hidden">
     <form class="default_form">
           {% csrf_token %}
     </form>
</div>