Javascript делает HTTP-запрос через регулярные промежутки времени не работает

У меня есть страница для отображения сообщений чата. Мне нужно обновлять тело чата каждые 30 секунд, чтобы загружать новые сообщения. Я установил интервал 30 секунд, функция работает, но не выполняет HTTP-запрос. Вот мой код

function loadmessages(){

   var ids = document.getElementById("pid").value;
   var request = new XMLHttpRequest();
  request.open("get", '/refresh_message/'+ ids );
  request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
  request.setRequestHeader("X-CSRF-TOKEN", document.querySelector('meta[name = "csrf-token"]').content);
  request.onload = function(){
  if (this.status == 200){
    var resp = JSON.parse(this.responseText);
    console.info(resp.message);

    }
    else{
        console.info(this.status);
    }

request.send(null); 
}


}

loadmessages(); 
setInterval(function(){
    loadmessages() 
}, 30000);