Используя Graphi API, делаю запрос к серверу и получаю в ответ JSON-файл. Если https://api.giphy.com/v1/gifs/trending?api_key=${API_KEY}&limit=5
работает нормально, то когда лимит больше 7 или вовсе неограничен, происходит ошибка "Uncaught SyntaxError: Unexpected end of JSON input" в Хроме или "Uncaught SyntaxError: JSON.parse: unterminated string literal at line 1 column 77152 of the JSON data" в Файрфоксе.
daily_xhr.open("GET", `https://api.giphy.com/v1/gifs/trending?api_key=${API_KEY}&limit=10`);
daily_xhr.send();
daily_xhr.onprogress = function() {
console.log(JSON.parse(daily_xhr.responseText));
let test_data = JSON.parse(daily_xhr.responseText).data;
for (let i = 0; i < test_data.length;i++) {
let image = document.createElement("img");
let slider_image = document.createElement("div");
slider_image.classList.add("swiper-slide");
slider_image.appendChild(image);
image.src = JSON.parse(daily_xhr.responseText).data[i].images.original.url;
mySwiper.appendSlide(slider_image);
}
};
fetch('https://api.giphy.com/v1/gifs/trending?api_key=z9qEJKCAcrrMCA7q77qHJXLDkv111Kra&limit=50').then((r) => r.json()).then(console.log).catch(console.warn)
, вижу результат, проблемы не вижу.