Редактирование ячеек таблицы 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. Как можно обновить эти данные в базе?