1

Имеется форма с множеством инпутов:

<form method="post" id="addForm">
  input
  input
  input
  ...
  <button type="submit" class="btn btn-primary">Отправить</button>
</form>

ajax:

$("#addForm").submit(function(event) {
  // Предотвращаем обычную отправку формы
  event.preventDefault();
  $.post('add.php', $("#addForm").serialize(), function(data) {
    $('#result').html(data);
  });
});

Обработчик:

<? 
if($_SERVER['REQUEST_METHOD'] === 'POST'){
  print_r($_POST); 
} 
?>

Файл jquery.js подключен один раз. Обработчик выводит массив данных из post запроса и только один раз, а в httpAnalyzer'e отображает два подряд запроса. Что не так?

9
  • add.php два раза вызывается подряд или все таки один раз ?
    – Alexus
    Commented 18 окт. 2016 в 7:51
  • вставьте Echo перед if($_SERVER['REQUEST_METHOD'] === 'POST' чтобы точно знать сколько раз вызывается скрипт ... Да, кстати а зачем 3 знака === ?
    – Alexus
    Commented 18 окт. 2016 в 8:00
  • @Alexus, запрос отправляется на add.php один раз. Файл с формой называется test.php. И кстати в div result ничего не приходит. Что может быть не так? Три раза === ставлю по привычке)) Это типа строгое соблюдение типа. Согласен, в этом месте не к чему. Commented 18 окт. 2016 в 8:04
  • 1
    @КиноТрейлеры не подключен jquery на странице. Ошибка стара как мир Commented 18 окт. 2016 в 9:10
  • 1
    В любой непонятной ситуации смотри в консоль браузера. Что там? А если перед event.preventDefault(); добавить console.log('test'); сколько раз test попадёт в консоль браузера? Ну и совет @andrey-avseenko можно попробовать.
    – MrClon
    Commented 18 окт. 2016 в 15:58

1 ответ 1

1

Вы делаете сначало submit формы, а потом делаете post запрос. Вот и 2 запроса.

     <button type="submit" class="btn btn-primary">
     на
     <button type="button" class="btn btn-primary">
     и
     $("#addForm").submit(function(event)
     на
     $("button").click(function(event)

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.