Сохранение данных в базу данных без использования тега формы

Question

Я очень новичок в веб-программировании. Я прошел онлайн-курс по html, css, js и node, теперь я начал создавать приложение для онлайн-календаря. На моей странице календаря каждый день года представлен текстовым вводом. Таким образом, на странице 365 входов. То, что я пытаюсь сделать, это; когда ввод теряет фокус, значение ввода должно быть сохранено в базе данных Монго. Я предполагаю, что мне следует отправить запрос на публикацию в мой файл index.js из файла calendar.ejs, когда ввод потерял фокус. Но все примеры, которые я смог найти, используют тег формы. Можно ли отправить запрос на публикацию при срабатывании события onfocusout для ввода текста?

Если неясно, как выглядит мое приложение-календарь, вы можете перейти на https://emsplanner.herokuapp.com и войти под именем пользователя: test password: test. В настоящее время он не сохраняет входные данные в базу данных, потому что я не знаю, как это кодировать.

Большое спасибо за вашу помощь.

Answer 1

Вы пробовали jQuery $ .ajax?

http://api.jquery.com/jquery.ajax/

var request = $.ajax({
        url: "http://www.your-url.com",
        type: "POST",
        data: { ... } // payload to the api
    }).done(function (response, textStatus, jqXHR) {
        //your code
    }).fail(function (jqXHR, textStatus, errorThrown) {
        console.error(
                "The following error occurred: " +
                textStatus, errorThrown
                );
    }).always(function () {
        // your code
    });