Установите флажок, чтобы запустить маршрут POST

Question

У меня есть приложение nodejs / express, и я хочу использовать флажок, чтобы запустить маршрут POST, чтобы я мог обновить свою базу данных, независимо от того, отмечен соответствующий элемент или нет.Я использую форму флажка Bootstrap4 (см. Код ниже) в представлении ejs.Я не хочу использовать кнопку отправки или JQuery.Я думал об обтекании ввода тегами, содержащими маршрут и действие, но это не вызывает маршрут. Возможно ли это?Заранее спасибо.

<div class="form-check">
<input class="form-check-input" name="checked" type="checkbox" 
value="true"> 
</div>

Answer 1

Вы можете заключить флажок в тег формы и добавить обработчик события onClick для отправки формы следующим образом:

<form method="POST" action="/">
    <input class="form-check-input" name="checked" type="checkbox" value="true" onChange="this.form.submit()">
</form>

используйте действие , чтобы указать конечную точку сервера

Но имейте в виду, что каждый раз при отправке формы страница будет перезагружаться.Если вы не хотите такого поведения, вы должны использовать Ajax.но это выходит за рамки этого вопроса.

Answer 2

Поскольку вы используете Bootstrap, вы можете использовать обработчик событий jQuery change() для запуска сообщения.

<label><input id="form-check-input" type="checkbox" checked>&nbsp;Check me</label>

$('#form-check-input').change(function() {
  if ($(this).prop('checked')) {
    $.post(ajax_url, function(data) {
      // success handler
    })
  }
})

Answer 3

Просто используйте событие onClick для элемента ввода.

function task(e)
{
  
  if(e.target.checked)
  {
    ///do post request with 1 in parameter
    console.log("do post request with 1 in parameter");
  }
  else
  {
    ///do post request with 0 parameter
    console.log("do post request with 0 parameter");
  }
}

<input type="checkbox" onclick="task(event);"/>

Или, если вы используете jQuery, проверьте этот ответ: как отправить запрос на публикацию флажка / снимите флажок