Cookie未在代码的Ajax调用中设置，但在控制台中工作正常

Question

我正在使用jquery和django框架进行ajax调用。从网站进行Ajax调用时，Chrome浏览器出现403错误。但是当我从控制台进行ajax调用时，我得到了不同的响应。另外，它也可以在Firefox中使用。

这是我的代码

$.ajaxSetup({
    xhrFields: {
       withCredentials: true
    },
    crossDomain: true
  })

  $(document).ajaxSend(function (event, jqxhr, settings) {
    settings.data += '&csrfmiddlewaretoken=' + window.getCookie('csrftoken');
    if (settings.type == "POST") {
      jqxhr.setRequestHeader('X-CSRFToken', window.getCookie('csrftoken'));
    };
  });



$.ajax({
                'type':'POST',
                'dataType':'json',
                'url': url,
                'data': data,
            }).always((data)=>{})

谁能告诉我这是什么问题？