Ajax отправляет запрос дважды

Question

Как я описал в заголовке, ajax отправляет два запроса одновременно. Это происходит только тогда, когда для параметра «async» установлено значение «true». Когда это «ложь», тогда нет проблем.

Я запрещаю перезагрузить страницу:

$(document).ready(function() {
$(document).on('submit', 'form', function() {
    showBusyIndicator();
    addTask();
    return false;
});

А это функция addTask ():

function addTask() {
let newTask = new Task(
    $("#taskSummary").val(),
    $("#taskDescription").val(),
    $("#taskDueTo").val()
);

$.ajax({
    url: apiHost + "/task/add/",
    headers: {
        "contentType": "application/json"
    },
    type: "POST",
    async: true,
    dataType: "json",
    data: JSON.stringify(newTask),
    complete: function (xhr) {
        hideBusyIndicator();
        if (xhr.status === 201) {
            closeAddTaskForm();
        } else {
            alert(xhr.status);
        }
    },
});
}

Answer 1

Обнаружил проблему - благодаря @Randy Casburn.

Вызов addTask был как в $(document).on('submit', 'form', function()

, так и в <form onsubmit="addTask()">