Отправить форму AJAX с несколькими событиями

Question

У меня есть форма, и когда нажимается кнопка отправки, она отправляет запрос AJAX.Это работает при нажатии кнопки следующим образом:

$(#form).submit(function(event) {
  event.preventDefault();
  $.ajax({
    // ...
  })
});

Данные формы передаются на URL в команде ajax с помощью data.

Есть ли способ отправки этой формы ита же самая функция AJAX может работать на выпадающем событии javascript / jQuery change?Раскрывающееся меню имеет ту же форму.

У меня так, что когда AJAX успешно возвращается, он добавляет HTML, чтобы заполнить div с table, так что это нужно записать один раз.

Answer 1

Краткий ответ: «Да».Вы можете вызвать «отправить» метод формы из любого места, где вам нравится.Например:

$("#someDropdown").change(function() { $("#form").submit(); });

Демо:

$(function() {
  $("#someDropdown").change(function() {
    $("#form").submit();
  });

  $("#form").submit(function(event) {
    event.preventDefault();
    console.log($(this).serialize());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="someDropdown">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<hr>
<form id="form">
  <input type="text" name="text1" />
  <button type="submit">Submit</button>
</form>

Документация: https://api.jquery.com/submit/