Почему при ajax запросе отправляются данные но обновляется страница?

const callBackForm = document.querySelector('.id-item__form-1'),
      p = callBackForm.querySelector('p');
callBackForm.addEventListener('submit', function(e){
    e.preventDefault();
    const request = new XMLHttpRequest();
    request.open('POST','admin124312341234.php');
    request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    let formData = new FormData(callBackForm);
    request.send(formData);
    request.addEventListener('readystatechange',()=>{
        if(request.readyState < 4){
            p.innerHTML = 'Подождите';
        }else if(request.readyState == 4 && request.status == 200){
            p.innerHTML = 'Все ок! Успех';
        }else{
            p.innerHTML = 'Ошибка';
        }
     });
});