Обновлять данные из API каждую секунду

Question

В настоящее время я работаю над школьным проектом, в котором я работаю с Spotify API.Теперь у меня так далеко, что я получаю текущую песню, которую кто-то сейчас слушает.

Но проблема в том, что информация принимается только после обновления или открытия сайта, но я хочу, чтобыобновляйте каждую секунду (не обновляя всю страницу), чтобы он был в курсе событий со слушателем.Кто-нибудь здесь знает, как мне это сделать?

Это запрос AJAX, который я использую (я не уверен, полезен он или нет)

$.ajax({
    url: 'https://api.spotify.com/v1/me/player/currently-playing',
    headers: {
      'Authorization': 'Bearer ' + access_token
    },
    success: function(response) {
      userInfoPlaceholder.innerHTML = userInfoTemplate(response);
        console.log(response);
      $('#login').hide();
      $('#loggedin').show();
    }
});  

Если есть какой-либо другой код, который мне нужно опубликовать, чтобыПомогите, пожалуйста, дайте мне знать!

Answer 1

Вы можете достичь этого, используя setTimeout или setInterval.

Разница в том, что setInterval выполняет заданную функцию снова и снова в указанные промежутки времени (до вызова функции clearInterval ());setTimeout выполняет данную функцию один раз сразу после указанного интервала времени.

После завершения необходимого процесса с ответом.Вы можете вызывать функцию makerequest () рекурсивно в конце функции.Строка с комментарием обеспечивает функцию makerequest (), которая будет вызываться через 10 секунд снова.

Answer 2

Вы можете установить setInterval.который будет вызывать функцию через каждые определенные секунды.

setInterval(function(){
   callAjax();
}, 1000);

var callAjax = function(){
  // Write you ajax here
}