Я новичок в веб-разработке и только начинаю узнавать об API. Я пытаюсь попрактиковаться в вызове giphy api и отображении изображений на моей странице с помощью JQuery. Мне удалось успешно вызвать API во время урока начальной загрузки, но теперь я получаю сообщение об ошибке в моей консоли.
Я продолжаю получать эту ошибку в консоли разработчика chrome: «Cross-Origin Read Blocking ( CORB) заблокировал ответ из разных источников с текстом типа MIME / html. Подробнее см. "
Вот фрагмент моего кода:
button.on("click", function(){
console.log("clicked");
$.ajax({
url: "https://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC&q=fishing",
method: "GET"
}).then(function(response){
for(let i = 0;i<response.data.length;i++){
console.log(response.data[i].url);
var newImg = $("<img>");
newImg.attr("src",response.data[i].url);
imgDiv.append(newImg);
}
})
})
Интересно, есть ли - это ошибка в моем коде, которую я не видел, или есть способ обойти ошибку CORB. Буду признателен за любые отзывы.