Вызов API Django с внешнего сайта через AJAX Javascript

Я впервые работаю с Django Framework. Поставщик услуг использует django, я могу видеть данные только с активным Cookie на их API Docs.

Теперь мы получили API-токен для получения данных на фреймворке.

Я пытаюсь вызвать данные с токеном через AJAX, но каждый раз получаю один и тот же консольный лог "401 (Unauthorized)".

$.ajax({
    type: 'POST',
    headers: {
        'X-CSRFTOKEN': "XXXXXXXXXXXXXXX",
        'Content-Type': 'application/json'
    },
    url: 'www.service-provider.url/api/...',


    success: function () {
        console.log("ok");
    },
    error: function () {
        console.log("error");
    }
});

Простите, я новичок в этом деле и понятия не имею, с чего начать. Я искал решение в инете, но не смог найти ничего, что могло бы сработать.

 $.ajax({
        type: 'GET',
        url: 'https://my-url.com/api/1.0/?format=json',
        
        headers:{
              "Content-Type": 'application/json',
              "Authorization": 'Token XXXXXXXXXXXXXXXXXXXXX',
              
        },
        
        success: function(data){
            console.log(data);
        }
    
    });