Редактирование ячеек таблицы HTML и обновление базы sqlite3

Подскажите, как сделать обновление базы данных sqlite3 при изменении клетки таблицы HTML?

У меня есть скрипт изменения HTML таблицы

      const send = (e) => {
      if ((e.type === 'blur' && e.target.contentEditable === 'true') || e.which === 13) {
        e.preventDefault();
        e.target.contentEditable = false;

        const xhr = new XMLHttpRequest();
        xhr.open("POST", '/', false);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(`text=${encodeURIComponent(e.target.textContent)}`);
      }
    };

    [...document.querySelectorAll('td')].forEach(el => {
      el.addEventListener('click', e => {
        e.target.contentEditable = true;
        e.target.focus();
      });

      el.addEventListener('keypress', send);
      el.addEventListener('blur', send);
    });

Но после обновления страницы вся таблица обновляется. Таблица получает данные из базы sqlite3. Как можно обновить эти данные в базе?


Ответы (0 шт):