Можно ли динамически выбирать тип GET или POST в запросе AJAX?

Question

Рассмотрим код ниже, который перехватывает событие отправки формы, в данном случае из двух разных форм.

$("#aaa, #bbb").submit(function(e) {
    e.preventDefault();
    var form = $(this);
    var url = form.attr('action');
    $.ajax({
        type: "GET",
        url: url,
        data: form.serialize(),
        success: function(data) {
            $("#ccc").html(data);
        }
    });
});

Вопрос - если #aaa требует GET, но #bbb требует POST, могу ли я обнаружить и изменить параметр type в приведенном выше коде? Как?

Моим наивным решением было бы дублировать вышеупомянутый код дважды, один только для #aaa и один для #bbb и иметь GET в одном блоке и POST в другом ..

Answer 1

Так что используйте событие и прочитайте метод, который вы указали в форме.

$("form").on("submit", function(evt) {
  evt.preventDefault();
  console.log(evt.target.method);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="get">
  <button>Get</button>
</form>
<form method="post">
  <button>Post</button>
</form>