AJAX дублирует отправку данных на сервер. Как быть?

Question

[Masterstvo]

Подскажите пожалуйста кто знает в чем может быть дело. Есть скрипт который отправляет данные на сервер с помощью AJAX. На этом сервере данные обрабатываются и заносятся в БД, но при этом почему то дублируются (т.е. заносятся в БД два раза). Без AJAX (с перезагрузкой страницы) все нормально! Скрипт следующий:

$(document).ready(function() {
        $('#form').submit(function (e) {
            e.preventDefault();
            $.ajax({
                url: '/',
                type: 'POST',
                data: {text: $('#message-text').val()},
            });
        });
    });

Может что добавить, чтоб не дублировалось. Заранее спасибо за ответ!

Comments

[Дмитрий Ковальский]

А кто инициирует отправку формы?

Answer 1

[Leo Developer]

Если нечиго из вышесказанного не поможет, вставьте

.......
e.preventDefault()
e.stopImmediatePropagation()
........

или можете сразу вставить =)

Возможно у вас вызываются несколько событий на одном элементе.

Comments

[Masterstvo]

Спасибо! Решает проблему!!!

[Leo Developer]

Masterstvo: Можете отметить решением))

[trushka]

Но это всё же костыль.. Скорее всего, на кнопке сабмита, которая и так инициализирует отправку формы, стоит ещё и вызов события сабмит при клике. В результате, событие и отправка запроса возникают 2 раза

[Leo Developer]

trushka: Да это костыль если чел реально инициализировал два события - submit&click, но бывают другие моменты, и для этих моментов есть метод в спецификации -DOM Level 3 Events: stopImmediatePropagation

Answer 2

[Mikhail Osher]

Смотрим вкладку network.
Если запрос ушел один - проблема в бэкенде, ищем там.
Если запросов несколько - пишем debugger; и ищем засранца.