Как правильно написать Get запрос в Javascript?

Question

[HelpMePlease2]

Я хочу сделать счётчик подписчиков...
Я разобрался с Google Api (YouTube), и XMLHttpRequest...

Но мне надо каждые 5 секунд отправлять к API запрос и обновить текст ( myDivTag.innerHTML = subcount )

Но как я не старался в интервал-таймер засовывать и request.open() и request.send() не отображался текст...

Вот код :

Answer 1

[hzzzzl]

не надо XMLHttpRequest в наше время, делай fetch по интервалу
https://learn.javascript.ru/fetch
https://developer.mozilla.org/en-US/docs/Web/API/F...

XMLHttpRequest не сработает, потому что он "одноразовый", и надо каждый раз этот объект создавать, а не вызывать open/send много раз

Comments

[HelpMePlease2]

Блин, когда переписывал код он мне вернул [object Promise].
Попробовал пропустить через JSON.stringify, пустой объект...

[hzzzzl]

так и есть

fetch('/url')
  .then( function(data) { return data.json() } )   // здесь data - promise, ее надо будет превратить в json, когда от сервера придет ответ 
  .then( function(data) {    // здесь data - готовый json от сервера
    console.log(data) 
    // обновляем myDivTag.innerHTML = subcount итд
  } )  
  .catch( function(error) { console.log(error) } )  // что-то пошло не так

[HelpMePlease2]

Спасибо. После того когда я отправил вам комментарий , залез в редактор кода. Там я сделал так называемую JSON "ловушку" : JSON.stringify(JSON.parse(body)) ;
Полный вид доделанного кода :

setInterval(function () {
fetch("https://www.googleapis.com/youtube/v3/channels?par...").then(function(response){return response.text()}).then(function(body){r.innerHTML = JSON.stringify(JSON.parse(body).items[0].statistics.viewCount)})
// Вместо viewCount можно поставить subscriberCount

},1000)

[HelpMePlease2]

hzzzzl, спасибо

[hzzzzl]

HelpMePlease2, так зачем делать response.text() и чтобы потом его обратно парсить как json :)

fetch('/googleapis....')
  .then( function(response) { return response.json() } )   
  .then( function(body) { 
    const count = body.items[0].statistics.viewCount  // вроде так
    ......
  } )