AJAX "Ошибка: обратный вызов не был вызван" появляется случайно
Я довольно плохо знаком с ajax и столкнулся с проблемой, которая не разрешима ни одним из доступных потоков stackru. У меня есть массив с именами потоков, и я использую ajax для получения подробной информации о них с помощью Twitch API. Для некоторых из этих запросов я получаю следующую ошибку:
Error: callback was not called
at Function.error (VM11084 jquery.min.js:2)
at b.converters.script json (VM11084 jquery.min.js:4)
at Nb (VM11084 jquery.min.js:4)
at A (VM11084 jquery.min.js:4)
at HTMLScriptElement.c (VM11084 jquery.min.js:4)
at HTMLScriptElement.dispatch (VM11084 jquery.min.js:3)
at HTMLScriptElement.q.handle (VM11084 jquery.min.js:3)
Мне показалось странным, что сгенерированный URL (проверьте переменную url в приведенном ниже коде) в порядке, и когда я вставляю его в строку поиска chrome, это приводит к правильному результату. Самым запутанным является то, что он работает правильно для 4 строк в массиве streamsNames, а для других он возвращает этот код ошибки. Я много гуглил, но не могу найти правильного решения или просто объяснения этому поведению.
Вот соответствующая часть кода:
function updateStreamInfo() {
streamsNames.forEach(function getStreamsCurrentData(streamName) {
var url = 'https://wind-bow.glitch.me/twitch-api/streams/' + streamName;
console.log(url);
$.ajax({
url: url,
dataType: 'JSONP',
jsonpCallback: 'callback',
type: 'GET',
success: function (data) {
console.log(data);
var stream;
if(data.stream === null) stream = new Stream(streamName, "", "");
else stream = new Stream(streamName, data.stream.game, data.stream.channel.logo);
},
error: function (xhr, ajaxOptions, thrownError) {
console.log(thrownError);
}
})
})}
И еще одна вещь: все это работает в codepen.io, но я не знаю, имеет ли это какое-либо влияние в этом случае.
Есть идеи, в чем может быть проблема?