Использование API словаря OwlBot для CORSPolicy

Question

Я пытаюсь получить данные из этого API-интерфейса OwlBot (документацию можно найти здесь https://owlbot.info/?ref=public-apis), но консоль продолжает выдавать мне сообщение об ошибке: Ответ на предварительный запрос не проходит проверку контроля доступа : На запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Что-то я делаю не так?

    function getWord(){
        $.ajax({
            url: 'https://owlbot.info/api/v4/dictionary/owl?format=json' , 

            headers: { "Access-Control-Allow-Origin": "*", 
                        'Access-Control-Allow-Credentials' : 'true', 
                        "Authorization": "Token" + "<my token>"  
                        }, //Authentication using a token to access API

            type: "GET",


            data: { //parameters 
            },

        })

            .done(function (data) {
                // Show formatted JSON on webpage.
                console.log(JSON.stringify(data));

            })

    }

Answer 1

Лучше использовать функцию javascript fetch asyn c для вызова API

let url = 'https://owlbot.info/api/v4/dictionary/hello';

let params = {
    method: 'GET',
    headers: {
        'Authorization': 'Token ' + 'pasteYourTokenHere'
    }
}
fetch(url, params)
    .then((res) => res.json()
        .then((result) => {
            console.log(result)
        }))