Почему после отправки POST запроса страница перезагружается(e.preventDefaul() и return false пробовал)?

Question

[Barinn]

Почему после отправки POST запроса на json-server-auth(локальная база данных), страница перезагружается? Как решить эту проблему? Из за перезагрузки не успеваю получить данные и записать их.

Код:

<form class="form">
        <input type="email">
        <input type="password">
        <button>Регистрация</button>
</form>

const form = document.querySelector('.form')

form.addEventListener('submit', async (e) => {
   e.preventDefault()

   let data = {
      email: e.target[0].value,
      password: e.target[1].value
    }
    
    let res = await fetch('http://localhost:8080/signup', {
       method: "POST",
       headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
     })
     let json = await res.json()
     console.log(json)
     return false
})

Пробую этот же код в codepen и перезагрузки не происходит, но при отправки с браузера через Live Server в VS Code страница перезагружается.

Comments

[imko]

Вопрос к live server, этот код не вызывает перезагрузку и предотвращает дефолтную

Answer 1

[Barinn]

Вчера все таки разобрался, что дело было в Live Server VS code. Каждый раз когда я отправлял post запрос в локальную bd.json, бд обновлялась и вместе с ней live server перезагружал страницу. Решением было добавить db.json в игнор live server'а.

Comments

[Grigory890098]

Подскажите, как вы прописали путь в настройках live server к файлу db.json?

[nibezocs]

В settings.json VSC прописать строчку:

"liveServer.settings.ignoreFiles": ["путь к файлу, чьи изменения не будем чекать"]

Answer 2

[zkrvndm]

<form class="form">
        <input type="email">
        <input type="password">
</form>
<button>Регистрация</button>

document.querySelector('bitton').addEventListener('click', async (e) => {
// ...
});

Comments

[Alexandroppolus]

это разве не будет сабмититься по нажатию Enter?

[zkrvndm]

Alexandroppolus, это тоже можно пофиксить. Достаточно убрать форму и оставить только поля.