Почему ajax дублирует POST запрос?

Question

[fuckingawesomenigga]

var fields = function() {
    var form_data = new FormData();
    var fields = $('form .field').get().map(n => n.name);
    $.each(fields, function(index, value) {
        form_data.append(value, $('.field[name=' + value + ']').val());
    });
    form_data.append('action', $('form').attr('id'));
    form_data.append('section', section);
    if (id) { form_data.append('id', id) }
    return form_data;
}

var POST = function() {
    $.ajax({
            url: 'functions.php',
            dataType: 'html',
            contentType: false,
            processData: false,
            data: fields(),
            type: 'POST'
        })
        .done(function(data) {
            console.log(data);
        })
        .fail(function() {
            console.log("Ajax error");
        });
}

при первой отправке всё ок, вторая и последующая на один запрос больше

Comments

[Иван Шумов]

в данном коде вообще нет вызова метода POST. только объявление

[fuckingawesomenigga]

Иван Шумов,

var GET = function() {
    $('.form').removeClass('show');
    data = form();
    $.ajax({
            url: 'functions.php',
            dataType: 'html',
            data: data,
            type: 'GET'
        })
        .done(function(data) {
            $('.form .section_body').html(data);
            $('#submit span').html(action);
            $('#submit').click(function(event) {
                POST();
            });
            $('.form').addClass('show');
        })
        .fail(function() {
            console.log("error");
        });
}

[Иван Шумов]

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

[fuckingawesomenigga]

Иван Шумов, это всё, что касается формы

[Иван Шумов]

fuckingawesomenigga, прочитай еще раз мой комменты выше и перестань смотреть внутрь метода. Ищи где метод вызывается

[fuckingawesomenigga]

$('#submit').click почему-то в арифметической прогрессии происходит

Answer 1

[fuckingawesomenigga]

нашел ответ

Потому, что в jQuery метод .click() и другие методы событий, устанавливают обработчики с помощью метода addEventListener. А значит, в отличии от установки inline или через свойство, на один элемент может быть установлено N-ное количество обработчиков на одно и то же событие. Вот и получается, что при каждом вызове функции checkWinWidth и верном условии, события наслаиваются, как слоёный пирог.

В таком случае помогает:
$('#submit').off('click');