Почему возникают 2 Ajax запроса вместо одного?

Question

[bubihart]

У меня есть сайт с навигацей. При клике на ссылку на стороне JS формируется Ajax запрос который возвращает содержимое PHP файла в div. На сайте также есть форма для добавления коментария в гостевую книгу сайта. Гостевая книга выводится c помощью плагина JQuery Datatable.

Суть проблемы:

После того как я загрузил перешел по ссылке в меню на гостевую книгу и загрузил в div с помощью Ajax-а таблицу(JQuery datatable) с коментариями, и добавляю новый коментарий, то формируются 2 Ajax запроса в MySql вместо одного. Если же я нахожуся на главной странице или любой другой кроме гостевой книги и добавляю новый коментарий то формируется 1 Ajax запрос как и должно быть.

Исходники:

Скрипт который отвечает за инициализацию JQuery Datatable:

$('#main_table').dataTable
    ({
      "bProcessing": true,
      "bServerSide": true,
      "bRetrieve": true,
      "sAjaxSource": "jquery_datatables_server_connect.php"
    });

Скрипт который формирует Ajax запрос и выводит гостевую книгу в div:

$('#guest_book_link').click(function()
    {
      $.ajax
      ({
       url: "guest_book.php",
       method: 'post',
       cache: false,
       success: function(html)
       {
         $("#content").html(html);
       }
      });
      return false;
    });

Спасибо заранее за любую помощь =)

Comments

[Петр Мухуров]

e.stopPropagation()?

[bubihart]

pterodaktil, где это записывать? А то что-то не пойму

[lavezzi1]

bubihart, на клике который вызывает аякс.

[bubihart]

lavezzi1, никакого ефекта

[Константин Боровик]

эти 2 аякса идут по разным путям или в один и тот же?

[bubihart]

Константин Боровик, разными

[Константин Боровик]

bubihart, если эти пути совпадают с аяксами для datatable и и кнопки, то тогда проблема может быть в datatable, а точнее в "bServerSide": true. вам точно нужно взаимодейтвие с серверной стороной? просто datatable итак загрузит данные и без этой опции.

Answer 1

[Boris Köln]

Вероятно, дважды (первый раз при загрузке страницы, второй - при подгрузке аяксом таблицы) вызывается код:

$('#guest_book_link').click(function()

Соответственно, и обработчик дважды вызывается при клике.

Научитесь пользоваться js-дебаггером. Например, https://learn.javascript.ru/debugging-chrome